.kmm-whatsapp-float{

    position:fixed;
    right:25px;
    bottom:25px;

    display:flex;
    align-items:center;

    text-decoration:none;
    z-index:999999;

    animation:kmmFloat 2s infinite;
}

.kmm-icon{

    width:68px;
    height:68px;

    background:#25D366;

    border-radius:50%;

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

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

    transition:.3s;
}

.kmm-icon:hover{

    transform:scale(1.1);
    background:#20ba5a;
}

.kmm-tooltip{

    margin-right:12px;

    background:#25D366;
    color:#fff;

    padding:12px 18px;

    border-radius:40px;

    font-size:15px;
    font-weight:700;

    white-space:nowrap;

    opacity:0;

    transform:translateX(15px);

    transition:.35s;

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

    font-family:Arial,sans-serif;
}

.kmm-whatsapp-float:hover .kmm-tooltip{

    opacity:1;

    transform:translateX(0);
}

@keyframes kmmFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

.kmm-icon::after{

content:'';

position:absolute;

width:68px;
height:68px;

border-radius:50%;

background:rgba(37,211,102,.35);

animation:kmmPulse 2s infinite;

z-index:-1;

}

@keyframes kmmPulse{

0%{

transform:scale(1);

opacity:.8;

}

100%{

transform:scale(1.8);

opacity:0;

}

}

@media(max-width:768px){

.kmm-tooltip{

display:none;

}

.kmm-icon{

width:60px;
height:60px;

}

}