.whatsapp-flotante {
  position: fixed;
  width: fit-content;
  height: 80px;
  bottom: 20px;
  right: 20px;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: end;
}

.ctn-wp-flotante{
width: 88px;
height: 88px;
position: relative;
}

.whatsapp-flotante-texto {
  position: absolute;
  display: none;
  background-color: white;
  /* border: 1px solid #E11E00; */
  color: #E11E00;
  font: 15px arial;
  font-weight: bold;
  border-radius: 15px;
  font-size: 16px;
  padding: 10px;
  font-family: roboto-medium;
  box-shadow: 0 0 10px #353535;
  transition: all 1s ease-in-out;
  opacity: 0;
  left: -160px;
  top: 50%;
  transform: translateY(-50%);
  user-select: none;
}

.whatsapp-flotante:hover .whatsapp-flotante-texto{
  display: block;
  opacity: 1;
  transition: all 1s ease-in-out;

}

.whatsapp-flotante-img img{
  animation: respirar 3s ease-in-out infinite;
  filter: drop-shadow(0 0 3px #323639) ;
}

@keyframes respirar {
  0%, 100% {
    transform: scale(1); /* Estado inicial y final: la imagen está a su tamaño normal */
  }
  50% {
    transform: scale(1.1); /* A la mitad de la animación, la imagen aumenta un 5% su tamaño */
  }
}