.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:38;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:50%;color:#fff;background:#25d366;box-shadow:0 16px 34px rgba(20,87,51,.28);transition:transform var(--fast),box-shadow var(--fast),background-color var(--fast)}
.floating-whatsapp:hover{color:#fff;background:#20bd5a;box-shadow:0 20px 42px rgba(20,87,51,.34);transform:translateY(-3px)}
.floating-whatsapp:focus-visible{outline:3px solid rgba(37,211,102,.3);outline-offset:4px}
.floating-whatsapp__icon{display:grid;width:31px;height:31px;place-items:center}
.floating-whatsapp__icon svg{display:block;width:100%;height:100%;fill:currentColor}
.floating-whatsapp__tooltip{position:absolute;right:calc(100% + 12px);top:50%;width:max-content;max-width:220px;padding:8px 11px;border-radius:10px;color:#fff;background:var(--navy-950);box-shadow:0 10px 24px rgba(7,26,47,.18);font-size:.78rem;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transform:translate(8px,-50%);transition:opacity var(--fast),transform var(--fast)}
.floating-whatsapp__tooltip::after{position:absolute;top:50%;left:100%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid var(--navy-950);content:"";transform:translateY(-50%)}
.floating-whatsapp:hover .floating-whatsapp__tooltip,.floating-whatsapp:focus-visible .floating-whatsapp__tooltip{opacity:1;transform:translate(0,-50%)}
@media(max-width:700px){.floating-whatsapp{right:18px;bottom:18px;width:54px;height:54px}.floating-whatsapp__icon{width:29px;height:29px}.floating-whatsapp__tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp,.floating-whatsapp__tooltip{transition:none}}