/* ==========================================================
   WHATSAPP FLOAT BUTTON
========================================================== */

#myWABtn{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-tap-highlight-color:transparent;

    position:fixed;

    width:65px;
    height:65px;
    min-width:65px;
    max-width:65px;

    right:10px;
    bottom:80px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#00982A;
    color:#ffffff;

    font-size:40px;
    text-decoration:none;

    border:2px solid #ffffff;
    border-radius:50%;
    overflow:hidden;

    /* Sin sombra en estado normal */
    box-shadow:none;

    z-index:2147482999;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/* ==========================================================
   HOVER
========================================================== */

#myWABtn:hover,
#myWABtn:focus,
#myWABtn:focus-visible,
#myWABtn:active{

    background:#00982A;
    color:#ffffff;

    transform:translateY(-3px) scale(1.06);

    box-shadow:
        0 14px 30px rgba(0,0,0,.50),
        0 4px 12px rgba(0,0,0,.20);

    outline:none;
}

/* ==========================================================
   RESPONSIVE - 1200 px
========================================================== */

@media (max-width:1200px){

    #myWABtn{

        width:65px;
        height:65px;
        min-width:65px;
        max-width:65px;

        right:10px;
        bottom:80px;

        font-size:40px;

    }

}

/* ==========================================================
   RESPONSIVE - 900 px
========================================================== */

@media (max-width:900px){

    #myWABtn{

        width:58px;
        height:58px;
        min-width:58px;
        max-width:58px;

        right:12px;
        bottom:72px;

        font-size:36px;

    }

}

/* ==========================================================
   RESPONSIVE - 600 px
========================================================== */

@media (max-width:600px){

    #myWABtn{

        width:48px;
        height:48px;
        min-width:48px;
        max-width:48px;

        right:10px;
        bottom:60px;

        font-size:30px;

    }

}