.whatsapp-float { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 25; display: grid; place-items: center; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; background: #25d366; color: #fff; text-decoration: none; box-shadow: 0 5px 22px #102d3b26; transition: background .2s, transform .2s; }
.whatsapp-float svg { width: 32px; height: 32px; }
.whatsapp-float:hover { background: #1cbb59; transform: translateY(-3px); }
.whatsapp-float:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.whatsapp-float-label { position: absolute; right: calc(100% + 12px); padding: 10px 14px; border-radius: 24px; background: var(--navy); color: white; white-space: nowrap; font-size: 11px; font-weight: 700; box-shadow: 0 4px 14px #102d3b18; opacity: 0; visibility: hidden; transform: translateX(5px); transition: opacity .2s, transform .2s, visibility .2s; }
.whatsapp-float:hover .whatsapp-float-label, .whatsapp-float:focus-visible .whatsapp-float-label { opacity: 1; visibility: visible; transform: none; }
body.intro-open .whatsapp-float, body.dialog-open .whatsapp-float { display: none; }
@media (max-width: 760px) {
  .whatsapp-float { width: 54px; height: 54px; right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); }
  .whatsapp-float svg { width: 29px; height: 29px; }
  .whatsapp-float-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float, .whatsapp-float-label { transition: none; }
  .whatsapp-float:hover { transform: none; }
}