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

.whatsapp{

    position:fixed;

    right:30px;

    bottom:25px;

    width:110px;

    z-index:999;

    transition:transform .35s ease;

}

.whatsapp__image{

    display:block;

    width:100%;

    height:auto;

    filter:drop-shadow(0 12px 30px rgba(0,0,0,.25));

    animation:whatsappFloat 3s ease-in-out infinite;

}

.whatsapp:hover{

    transform:scale(1.08);

}

.whatsapp:hover .whatsapp__image{

    animation-play-state:paused;

}

/*=========================================*/

@keyframes whatsappFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}