@charset "utf-8";
/* CSS Document */
body{
    background-color: rgba(175, 204, 172);
}  

.container-waboton{
    background-color: #2e6329;
    border: 1px solid #fff;
    position: fixed;
    z-index: 999;
    border-radius: 50%;
    bottom: 30px !important;  /* distancia desde abajo estaba 150px*/
    right: 15px !important;    /* distancia desde derecha estaba 25px*/
    padding: 12px;    /* era 25px */
    transition: ease 0.3s;
    animation: efecto 1.2s infinite;
}

.container-waboton:hover{
    transform: scale(1.1);
    transition: 0.3s;
}

.waboton{
    width: 30px !important; /* tamaño original 80px  cambia diametro */
    transition: ease 1s;
}

@keyframes efecto{
    0%{
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
    }
    100%{
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);  /* era 25px */
    }
}


/*
padding → tamaño del círculo verde
width → tamaño del ícono
25px en keyframes → expansión de la onda
1.2s → velocidad del pulso
?v=3, ?v=4... → para que AVAST no te juegue en contra cada vez que hagas cambios
*/