.facebook {
  width: 50px;
  height: 50px;
  background-color: #3b5998;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  font-size: 27px;
}
.facebook:hover {
  background-color: white;
  color: #3b5998;
}

.phone {
  width: 50px;
  height: 50px;
  background-color: #00a2ff;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  font-size: 27px;
}
.phone:hover {
  background-color: white;
  color: #000000;
}



.twitter {
  width: 50px;
  height: 50px;
  background-color: rgb(0, 183, 255);
  color: #fff;
  border-radius: 40px;
  text-align: center;
  font-size: 27px;
}
.twitter:hover {
  background-color: white;
  color: rgb(0, 140, 255);
}
.whatsapp {
  width: 50px;
  height: 50px;
  background-color: #075E54;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  font-size: 27px;
}

.whatsapp:hover {
  background-color: white;
  color: #075E54;
}

.instagram {
  width: 50px;
  height: 50px;
  background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7);
  color: #fff;
  border-radius: 0px;
  text-align: center;
  font-size: 27px;
}

.whatsapp:hover {
  background-color: white;
  color: #ee2a7b;
}

.container-media {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
  position: fixed;
  bottom: 150px;
  left: 0px;
}

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