.whatsapp-float {
position: fixed;
right: 25px;
bottom: 100px;
width: 62px;
height: 62px;
background: #8FAF9D;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 8px 20px rgba(0,0,0,.15);
z-index: 9999;
transition: all .25s ease;
}
.whatsapp-float:hover {
transform: scale(1.08);
box-shadow: 0 12px 24px rgba(0,0,0,.2);
}
@media (max-width: 768px) {
.whatsapp-float {
right: 15px;
bottom: 90px;
width: 58px;
height: 58px;
}
}