@keyframes breathing {
    0% {
      transform: scale(1);
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    }
    50% {
      transform: scale(1.1);
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    }
    100% {
      transform: scale(1);
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    }
  }


.whatsapp-float {
    position: fixed;
    bottom: 2.5rem;
    right: 1.8rem;
    z-index: 100;
    background-color: #25d365ea;
    border-radius: 50%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    padding: .4rem .6rem;
    /* transition: transform 0.3s ease, opacity 0.3s ease; */
    animation: breathing 2s infinite ease-in-out; /* Animación continua */
}

.whatsapp-float i{
    font-size: 46px;
    color: white;
}

.whatsapp-float:hover {
    opacity: 0.9;
    box-shadow: 0 0 10px 3px rgba(135, 211, 37, 0.7) !important;
}