.icon-bar {
  position: fixed;
  top: 50%;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}
.icon-digital {
  position: fixed;
  top: 25%;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}
.icon-digital a {
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  transition: all 0.3s ease;
  color: white;
  background: #3b5998;
  width: 90px;
  height: 55px;
  border-start-end-radius: 25px;
  border-end-end-radius: 25px;
}
.icon-digital a:hover {
  transform: scale(1.2);
}
.img-digital {
  width: 80%;

  height: 90%;
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 14px;
}

.icon-bar a:hover {
  background-color: #00a4e4;
  transform: scale(1.2);
}
.icon-bar a.twitter:hover {
  background-color: #000000;
  transform: scale(1.2);
}

.icon-bar a:first-child {
  border-top: 0px solid wheat;
  border-start-end-radius: 25px;
}
.icon-bar a:last-child {
  /* border-bottom: 0.1px solid wheat; */
  border-end-end-radius: 25px;
}

.facebook {
  background: #3b5998;
  color: white;
}

.twitter {
  background: #000000;
  color: rgb(0, 0, 0);
}
.instagram {
  color: white;
  background: radial-gradient(
      circle farthest-corner at 35% 90%,
      #fec564,
      transparent 50%
    ),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(
      ellipse farthest-corner at 20% -50%,
      #5258cf,
      transparent 50%
    ),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(
      ellipse farthest-corner at 60% -20%,
      #893dc2,
      transparent 50%
    ),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(
      #6559ca,
      #bc318f 30%,
      #e33f5f 50%,
      #f77638 70%,
      #fec66d 100%
    );
}
.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.telegram {
  background: #0088cc;
  color: white;
}
.google {
  background: #ff5733;
  color: white;
}
.whatsapp {
  background: #25d366;
  color: white;
}