.floating-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 20; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: #25d366; box-shadow: 0 8px 22px rgba(20,55,49,.24); transition: transform .2s ease, box-shadow .2s ease; }
.floating-whatsapp:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 12px 28px rgba(20,55,49,.3); }
.floating-whatsapp svg { width: 38px; height: 38px; color: #fff; }
@media (max-width: 600px) { .floating-whatsapp { right: 16px; bottom: 16px; width: 58px; height: 58px; } .floating-whatsapp svg { width: 35px; height: 35px; } }