.whatsapp-float { position: fixed; z-index: 1000; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 0; width: 54px; height: 54px; justify-content: center; border: 2px solid rgba(255,255,255,.86); border-radius: 50%; color: #fff !important; background: #25d366; box-shadow: 0 12px 28px rgba(5, 39, 29, .24); font-size: 1.6rem; line-height: 1; text-decoration: none; transition: width .25s ease, gap .25s ease, border-radius .25s ease, background .2s ease, transform .2s ease; }
.whatsapp-float__label { max-width: 0; overflow: hidden; color: #fff; font-size: .73rem; font-weight: 750; letter-spacing: .01em; opacity: 0; white-space: nowrap; transition: max-width .25s ease, opacity .2s ease; }
.whatsapp-float:hover, .whatsapp-float:focus-visible { width: auto; min-width: 54px; gap: 11px; border-radius: 999px; padding: 0 17px; background: #1fba59; transform: translateY(-3px); }
.whatsapp-float:hover .whatsapp-float__label, .whatsapp-float:focus-visible .whatsapp-float__label { max-width: 190px; opacity: 1; }
@media (max-width: 576px) { .whatsapp-float { right: 16px; bottom: 16px; width: 50px; height: 50px; font-size: 1.45rem; } .whatsapp-float:hover, .whatsapp-float:focus-visible { width: 50px; min-width: 50px; padding: 0; } .whatsapp-float__label { display: none; } }