/* ==========================================================================
   ODEN-STEEL COMPONENT / BUTTON — PRÉMIUM GOLD VARIANTS
   --------------------------------------------------------------------------
   Használat: btn btn--gold [btn--lg | btn--xl]
   Token-alapú; a Project Launch és jövőbeli CTA szekciók osztoznak rajta.
   ========================================================================== */

.btn.btn--gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: var(--border-width-thin) solid var(--color-gold-border);
  border-radius: var(--radius-btn-pill);
  background: var(--color-gold);
  color: var(--color-black-primary);
  font-family: inherit;
  font-weight: var(--font-weight-extrabold);
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--shadow-btn-gold);
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base),
    border-color var(--transition-base),
    background-color var(--transition-base);
}

.btn.btn--gold:hover {
  transform: translateY(-2px);
  box-shadow:
    0 22px 48px var(--color-gold-shadow-hover),
    inset 0 1px 0 var(--color-gold-shadow-inset);
}

.btn.btn--gold:focus-visible {
  outline: var(--focus-outline-width) solid var(--color-gold);
  outline-offset: var(--focus-outline-offset);
}

.btn.btn--gold.btn--lg {
  min-height: var(--btn-height-lg);
  padding: var(--btn-padding-lg);
  font-size: var(--btn-font-lg);
}

.btn.btn--gold.btn--xl {
  min-height: var(--btn-height-xl);
  padding: var(--btn-padding-xl);
  font-size: var(--btn-font-xl);
}

@media (prefers-reduced-motion: reduce) {
  .btn.btn--gold {
    transition: none;
  }

  .btn.btn--gold:hover {
    transform: none;
  }
}