@charset "utf-8";
/* CSS Document */

/* =========================================================
   WHATSAPP FLUTUANTE
========================================================= */

.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:70px;

    height:70px;

    background:#00a15a;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:9999;

    box-shadow:0 8px 25px rgba(0,0,0,.25);

    transition:.3s;

}

.whatsapp-float:hover{

    transform:scale(1.08);

}

.whatsapp-float img{

    width:38px;

    height:38px;

    display:block;

}

/* EFEITO PULSANTE */

.whatsapp-float:before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    border-radius:50%;

    background:#00a15a;

    animation:whatsPulse 2s infinite;

    z-index:-1;

}

@keyframes whatsPulse{

    0%{
        transform:scale(1);
        opacity:.7;
    }

    70%{
        transform:scale(1.5);
        opacity:0;
    }

    100%{
        opacity:0;
    }

}

/* MOBILE */

@media screen and (max-width:768px){

    .whatsapp-float{

        width:60px;

        height:60px;

        right:15px;

        bottom:15px;

    }

    .whatsapp-float img{

        width:32px;

        height:32px;

    }

}