.floating-whatsapp { align-items: center; background: #25d366; border: 0; border-radius: 50%; bottom: 24px; box-shadow: 0 10px 26px rgba(23,27,43,.2), 0 0 0 5px rgba(37,211,102,.12); color: #fff; display: flex; height: 58px; justify-content: center; padding: 0; position: fixed; right: 24px; transform: translateZ(0); transition: box-shadow .2s ease, transform .2s ease; width: 58px; z-index: 40; }.floating-whatsapp::after { background: #171b2b; border-radius: 5px; color: #fffdfa; content: "WhatsApp"; font-size: 11px; font-weight: 700; opacity: 0; padding: 7px 9px; pointer-events: none; position: absolute; right: calc(100% + 10px); transform: translateX(4px); transition: opacity .2s ease, transform .2s ease; white-space: nowrap; }.floating-whatsapp:hover, .floating-whatsapp:focus-visible { box-shadow: 0 13px 30px rgba(23,27,43,.24), 0 0 0 7px rgba(37,211,102,.15); transform: translateY(-3px); }.floating-whatsapp:hover::after, .floating-whatsapp:focus-visible::after { opacity: 1; transform: translateX(0); }.floating-whatsapp-icon { display: block; height: 27px; width: 27px; }.floating-whatsapp-copy { display: none; }
@media (max-width: 520px) { .floating-whatsapp { bottom: 15px; height: 52px; right: 15px; width: 52px; }.floating-whatsapp-icon { height: 25px; width: 25px; } }