.buttonWhatsapp {
    position: fixed;
    left: auto;
    right: 20px;
    bottom: 20px;
    top: auto;
    z-index: 200;
}

.whatsApp-button {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    background-color: #25D366; /* Color de fondo del botón WhatsApp */
    border: none;
    cursor: pointer;
    overflow: visible; /* IMPORTANTE: Para que la sombra no se corte */
    
    display: flex;
    justify-content: center;
    align-items: center;

    /* APLICACIÓN DE LA ANIMACIÓN DE AURA */
    animation-name: whatsapp-aura; /* Nombre de la animación */
    animation-duration: 2s;      /* Duración de cada ciclo (2 segundos) */
    animation-timing-function: ease-out; /* Comienza rápido, termina suave */
    animation-iteration-count: infinite; /* Repetir indefinidamente */
}

@keyframes whatsapp-aura {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); /* Sombra inicial, opaca y sin expansión */
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); /* Sombra expandida y completamente transparente */
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); /* Vuelve al estado inicial transparente (importante para un bucle suave) */
    }
}