.facebook {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(4, 24, 204) 0%,
    rgb(192, 188, 194) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 30px;
}
.facebook:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(4, 24, 204) 0%,
    rgba(192, 188, 194, 1) 100%
  );
}
.twitter {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 27px;
}
.twitter:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
}

.yelp {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
  border-radius: 40px;
  text-align: center;
  padding-top: 8%;
}
.yelp:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
}

.call {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(7, 125, 7) 0%,
    rgb(192, 188, 194) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 30px;
}
.call:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(7, 125, 7) 0%,
    rgba(192, 188, 194, 1) 100%
  );
}

.tiktok {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 25px;
  padding-top: 15%;
}
.tiktok:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgba(7, 122, 125, 1) 0%,
    rgba(192, 188, 194, 1) 100%
  );
}

.whatsapp {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(8, 219, 0) 0%,
    rgb(192, 188, 194) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 30px;
}

.whatsapp:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(8, 219, 0) 0%,
    rgb(192, 188, 194) 100%
  );
}

.instagram {
  width: 50px;
  height: 50px;
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(233, 12, 12) 0%,
    rgb(192, 188, 194) 100%
  );
  border-radius: 40px;
  text-align: center;
  font-size: 30px;
}
.instagram:hover {
  color: #fff;
  background: radial-gradient(
    circle,
    rgb(233, 12, 12) 0%,
    rgb(192, 188, 194) 100%
  );
}

.container-media {
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
  position: fixed;
  bottom: 95px;
  left: 14px;
}

.whatsapp-icon {
  margin-top: 12px;
}