.whatsapp-float { position: fixed; z-index: 90; right: 22px; bottom: 22px; width: 57px; height: 57px; display: grid; place-items: center; color: #fff; background: #25d366; border-radius: 50%; text-decoration: none; box-shadow: 0 7px 20px rgba(0,0,0,.28); transition: transform .2s ease, box-shadow .2s ease; }
.whatsapp-float:hover,.whatsapp-float:focus-visible { transform: translateY(-4px) scale(1.05); box-shadow: 0 11px 24px rgba(0,0,0,.32); }.whatsapp-float svg { width: 28px; height: 28px; fill: currentColor; }.whatsapp-float span { position: absolute; right: 66px; width: max-content; padding: 7px 9px; background: #102743; color: #fff; font: 10px var(--mono, monospace); opacity: 0; transform: translateX(6px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }.whatsapp-float:hover span,.whatsapp-float:focus-visible span { opacity: 1; transform: translateX(0); }@media(max-width:700px){.whatsapp-float { width: 52px; height: 52px; right: 15px; bottom: 15px; }.whatsapp-float span { display: none; }}