/* Shared by the real frontend button and the admin preview. */
.whatsapp-btn{--hnt-wa-bg:#25d366;--hnt-wa-fg:#fff;position:fixed;bottom:100px;right:20px;z-index:98;width:60px;height:60px;min-width:60px;padding:0;border:0;border-radius:50%;background:var(--hnt-wa-bg)!important;color:var(--hnt-wa-fg)!important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0002;isolation:isolate;text-decoration:none}
.whatsapp-btn .hnt-whatsapp-icon{display:block!important;width:34px;height:34px;margin:0!important;fill:currentColor;color:inherit}
.whatsapp-btn::before,.whatsapp-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.whatsapp-btn[data-effect=halo]::before{border:2px solid var(--hnt-wa-bg);animation:hnt-wa-halo 3s ease-out infinite;z-index:-1}
.whatsapp-btn[data-effect=breathe] svg{animation:hnt-wa-breathe 3s ease-in-out infinite}
.whatsapp-btn[data-effect=shine]::after{background:linear-gradient(115deg,transparent 35%,#ffffff70 49%,transparent 64%);background-size:300% 100%;animation:hnt-wa-shine 4s ease-in-out infinite}
.whatsapp-btn[data-effect=float]{animation:hnt-wa-float 3s ease-in-out infinite}
.whatsapp-btn .hnt-wa-badge{position:absolute;right:-2px;top:-2px;background:#e63946;color:#fff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font:700 11px/1 system-ui,sans-serif}
.whatsapp-btn .hnt-wa-badge[hidden]{display:none}
.whatsapp-btn:focus-visible{outline:3px solid #2563eb;outline-offset:5px}
@keyframes hnt-wa-halo{0%{transform:scale(1);opacity:.5}75%,100%{transform:scale(1.55);opacity:0}}
@keyframes hnt-wa-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes hnt-wa-shine{0%,35%{background-position:100% 0}65%,100%{background-position:0 0}}
@keyframes hnt-wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:767px){body .whatsapp-btn{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.whatsapp-btn,.whatsapp-btn svg,.whatsapp-btn::before,.whatsapp-btn::after{animation:none!important}}
.hnt-wa-stage{position:relative;height:260px;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}
.hnt-wa-stage .whatsapp-btn{position:absolute;bottom:100px;right:20px}