/* ============================================================
   Button authority, generated from style.css and v3.css.

   Elementor's Button widget renders an <a class="elementor-button">,
   so the design's .btn classes travel as `is-btn*` markers on the
   widget wrapper. Every design rule that targets a .btn is restated
   here against the real anchor, including contextual ones such as
   `.hero .btn-outline`, which otherwise leave dark text on a dark
   background.

   Generated file: do not edit by hand.
   ============================================================ */

.is-btn .elementor-button { display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  font-family: var(--f-body); font-size: .84rem; font-weight:600;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 1.05em 2.1em;
  border-radius: var(--radius);
  border: 1px solid var(--charcoal);
  cursor:pointer;
  white-space: nowrap;
  transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  min-height:44px; }
.is-btn-primary .elementor-button { background: var(--charcoal); color: var(--ivory); }
.is-btn-primary .elementor-button:hover { background: var(--gold-deep); border-color: var(--gold-deep); color: var(--white); }
.is-btn-outline .elementor-button { background: transparent; color: var(--charcoal); }
.is-btn-outline .elementor-button:hover { background: var(--charcoal); color: var(--ivory); }
.is-btn-gold .elementor-button { background: transparent; border-color: var(--gold); color: var(--gold-deep); }
.is-btn-gold .elementor-button:hover { background: var(--gold); color: var(--white); border-color:var(--gold); }
.is-btn-block .elementor-button { width:100%; justify-content:center; }
.nav-cta .is-btn .elementor-button { padding:.75em 1.1em; font-size:.72rem; }
.hero .is-btn-outline .elementor-button, .cta-band .is-btn-outline .elementor-button { border-color: rgba(250,246,239,.6); color:var(--ivory); }
.hero .is-btn-outline .elementor-button:hover, .cta-band .is-btn-outline .elementor-button:hover { background:var(--ivory); color:var(--charcoal); }
.is-btn .elementor-button { border-radius: 999px; }
.hero-v3 .is-btn-outline .elementor-button { border-color: rgba(250,246,239,.65); color: var(--ivory); }
.hero-v3 .is-btn-outline .elementor-button:hover { background: var(--ivory); color: var(--charcoal); }
.hero-v4 .is-btn-outline .elementor-button { border-color: rgba(250,246,239,.65); color: var(--ivory); }
.hero-v4 .is-btn-outline .elementor-button:hover { background: var(--ivory); color: var(--charcoal); }

@media (min-width:480px) {
  .nav-cta .is-btn .elementor-button { padding:.85em 1.6em; font-size:.8rem; }
}

@media (max-width:600px) {
  .hero-actions .is-btn .elementor-button { width:100%; justify-content:center; }
}