/* ==========================================================================
   AE Creative — Button component
   Every button/link-styled-as-button on the site. Hover states are real
   CSS :hover rules (replacing the old runtime's `style-hover` attribute).

   Phase 4: hover states now also intensify each button's existing glow
   (gradient/WhatsApp buttons) or add a soft elevation shadow (secondary/
   viewall), plus a touch more lift (2–3px). :focus-visible mirrors
   :hover throughout so keyboard users get the same feedback — the
   default focus outline is never removed, this only adds to it.
   ========================================================================== */

.btn-quote{
  padding:11px 20px;border-radius:99px;background:var(--grad);color:#fff;
  font-weight:600;font-size:14px;box-shadow:var(--e-glow);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-quote:hover,.btn-quote:focus-visible{
  transform:translateY(-2px);box-shadow:0 14px 50px rgba(107,95,255,.46);
}

.btn-primary,.btn-cta-primary{
  display:inline-flex;align-items:center;gap:9px;border-radius:99px;
  background:var(--grad);color:#fff;font-weight:600;font-size:16px;
  box-shadow:var(--e-glow);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-primary:hover,.btn-primary:focus-visible,
.btn-cta-primary:hover,.btn-cta-primary:focus-visible{
  transform:translateY(-3px);box-shadow:0 18px 58px rgba(107,95,255,.48);
}
.btn-primary{padding:15px 28px}
.btn-cta-primary{padding:16px 30px}

.btn-secondary{
  display:inline-flex;align-items:center;gap:11px;padding:15px 26px;
  border-radius:99px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:16px;
  backdrop-filter:blur(8px);
  transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-secondary:hover,.btn-secondary:focus-visible{
  background:rgba(255,255,255,.12);transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
.btn-secondary__icon{
  width:26px;height:26px;border-radius:99px;background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;font-size:11px;
}

.btn-viewall{
  display:inline-flex;align-items:center;gap:9px;padding:12px 22px;
  border-radius:99px;border:1px solid var(--line-2);color:var(--text);
  font-weight:600;font-size:14px;
  transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-viewall:hover,.btn-viewall:focus-visible{
  border-color:var(--brand-line);transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}

.btn-cta-whatsapp{
  display:inline-flex;align-items:center;gap:10px;padding:16px 28px;
  border-radius:99px;background:#25D366;color:#062e16;font-weight:700;font-size:16px;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-cta-whatsapp:hover,.btn-cta-whatsapp:focus-visible{
  transform:translateY(-3px);box-shadow:0 16px 46px rgba(37,211,102,.4);
}