/*====================================
        WhatsApp Floating Button
=====================================*/

.whatsapp-toggle{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    text-decoration:none;

    box-shadow:
        0 15px 40px rgba(37,211,102,.45);

    z-index:99999;

    transition:.35s;

    animation:whatsappPulse 2s infinite;

}

.whatsapp-toggle:hover{

    transform:translateY(-6px) scale(1.08);

    color:#fff;

}

.whatsapp-toggle i{

    animation:whatsappShake 3s infinite;

}

@keyframes whatsappPulse{

    0%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,.55);

    }

    70%{

        box-shadow:
        0 0 0 18px rgba(37,211,102,0);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0);

    }

}

@keyframes whatsappShake{

    0%,100%{

        transform:rotate(0);

    }

    20%{

        transform:rotate(-12deg);

    }

    40%{

        transform:rotate(12deg);

    }

    60%{

        transform:rotate(-12deg);

    }

    80%{

        transform:rotate(12deg);

    }

}

@media(max-width:768px){

    .whatsapp-toggle{

        width:58px;

        height:58px;

        right:18px;

        bottom:18px;

        font-size:30px;

    }

}