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

.whatsapp-icon {
  margin-top: 14px;
}
.facebook {
  width: 45px;
  height: 45px;
  background-color: #3b5998;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  padding-top: 3%;
}
.facebook:hover {
  background-color: rgb(6, 11, 157);
  color: white;
}
.twitter {
  width: 45px;
  height: 45px;
  background-color: rgb(0, 183, 255);
  color: #fff;
  border-radius: 40px;
  text-align: center;
  font-size: 3px;
}
.twitter:hover {
  background-color: white;
  color: rgb(0, 140, 255);
}

.yelp {
  width: 45px;
  height: 45px;
  background-color: #c41200;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  padding-top: 3%;
}
.yelp:hover {
  background-color: rgb(188, 6, 6);
  color: rgb(0, 140, 255);
}

.call {
  width: 45px;
  height: 45px;
  background-color: rgb(0, 30, 255);
  color: #fff;
  border-radius: 40px;
  text-align: center;
  font-size: 3%;
}
.call:hover {
  background-color: white;
  color: red;
}

.whatsapp {
  width: 45px;
  height: 45px;
  background-color: #075e54;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  padding-top: 3%;
}

.whatsapp:hover {
  background-color: rgb(21, 139, 0);
  color: white;
}

.instagram {
  width: 45px;
  height: 45px;
  background-color:  #000;
  color: #dd2a7b;
  border-radius: 40px;
  text-align: center;
  padding-top: 3%;
}
.instagram:hover {
  background-color: #dd2a7b;
  color: #000;
}
.tiktok {
  width: 45px;
  height: 45px;
  background-color: #000;
  border-radius: 40px;
  text-align: center;
  padding-top: 21%;
}
.tiktok:hover {
  background-color: #871b34af !important;
  color: #000;
}
.tiktok-icon {
  width: 24px;
  display: inline-block;
}
.tiktok-icon path {
  fill: #fff;
}
.tiktok:hover path {
  fill: #000;
}