/* Adapted glow-button: existing espresso/gold surfaces, pill shape and real links. */
.button-glow { --glow-color: 217 180 109; position: relative; isolation: isolate; gap: 8px; border-radius: 100px; }
.button-glow.button-glass-gold { --glow-color: 197 149 62; }
.button-glow::before, .button-glow::after { content: ''; position: absolute; pointer-events: none; border-radius: inherit; transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out); }
.button-glow::before { inset: -1px; z-index: -1; opacity: .18; box-shadow: 0 0 18px 3px rgb(var(--glow-color) / .5), 0 5px 24px rgb(var(--glow-color) / .3); transform: scale(.98); }
.button-glow::after { inset: 0; opacity: .48; box-shadow: inset 0 0 0 1px rgb(244 214 159 / .46), inset 0 1px 0 rgb(255 245 222 / .36); }
.glow-label { position: relative; z-index: 1; }
.glow-icon { position: relative; flex: 0 0 17px; opacity: .95; transform-origin: center; transition: transform 180ms var(--ease-out), opacity 180ms var(--ease-out); }
.button-glow.button-glass-espresso .glow-icon { color: inherit; opacity: 1; }
.button-glow.button-glass-gold .glow-icon { color: inherit; opacity: 1; }
@media(hover:hover) and (pointer:fine) {
  .button-glow:hover::before { opacity: .82; transform: scale(1.025); }
  .button-glow:hover::after { opacity: 1; }
  .button-glow:hover .glow-icon { opacity: 1; transform: scale(1.06); }
}
.button-glow[data-state="clicked"]::before { opacity: 1; transform: scale(1.08); transition-duration: 80ms; }
.button-glow[data-state="clicked"]::after { opacity: 1; transition-duration: 80ms; }
.button-glow[data-state="clicked"] .glow-icon { opacity: 1; transform: scale(.9); transition-duration: 80ms; }
.button-glow:focus-visible::before { opacity: .65; transition: none; }
.button-glow:focus-visible .glow-icon { transform: none; transition: none; }
.glow-brand-icon { width: 17px; height: 23px; }
.glow-whatsapp-icon { width: 17px; height: 17px; }
.button-glass-gold .glow-brand-icon { filter: brightness(.38) saturate(.8); }
@media(prefers-reduced-motion:reduce) {
  .button-glow::before, .button-glow::after, .button-glow .glow-icon { transition: none; }
  .button-glow::before, .button-glow .glow-icon { transform: none !important; }
}
