.whatsapp-chat {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9999;
display: flex;
align-items: center;
gap: 10px;
background: #25d366;
color: #fff;
text-decoration: none;
padding: 14px 20px;
border-radius: 60px;
font-size: 16px;
font-weight: 600;
box-shadow: 0 10px 30px rgba(37, 211, 102, 0.35);
transition: all 0.3s ease;
}
.whatsapp-chat img {
width: 30px;
height: 30px;
object-fit: contain;
}
.whatsapp-chat:hover span {
color:#fff;
}
.whatsapp-chat:hover {
transform: translateY(-4px);
box-shadow: 0 14px 40px rgba(37, 211, 102, 0.45);
}
@media (max-width: 768px) {
.whatsapp-chat {
left: 15px;
bottom: 15px;
padding: 12px 16px;
font-size: 14px;
}
.whatsapp-chat img {
width: 26px;
height: 26px;
}
}
@media (max-width: 520px) {
.whatsapp-chat span {
display: none;
}
.whatsapp-chat {
width: 58px;
height: 58px;
padding: 0;
justify-content: center;
border-radius: 50%;
}
.whatsapp-chat img {
width: 45px;
height: 45px;
}
}