/*!
 * Ascend Solutions : Ascent chapter-CTA button rules (generated).
 * The .btn rules from immersive.css, scoped to .fa-chap__cta so the location
 * hubs render the Ascent's CTAs as designed without importing the immersive
 * bundle. Regenerate: node tools/build-immersive-tokens.cjs
 */
.fa-chap__cta .btn{ --b:0; display:inline-flex; align-items:center; justify-content:center; gap:.5em; font-family:var(--font-display);
  font-weight:var(--fw-bold); font-size:var(--text-sm); border-radius:var(--radius-pill); padding:.85em 1.5em;
  cursor:pointer; border:1.5px solid transparent; text-decoration:none; transition:transform var(--dur-base) var(--ease),
  box-shadow var(--dur-base) var(--ease), background var(--dur-base) var(--ease), color var(--dur-base) var(--ease); white-space:nowrap; }
.fa-chap__cta .btn:hover{ transform:translateY(var(--hover-lift)); }
.fa-chap__cta .btn:active{ transform:scale(var(--press-scale)); }
.fa-chap__cta .btn--sm{ padding:.6em 1.1em; }
.fa-chap__cta .btn--lg{ padding:1em 1.9em; font-size:var(--text-base); }
.fa-chap__cta .btn--primary{ background:linear-gradient(120deg,var(--teal-600),var(--teal-400)); color:#fff; box-shadow:var(--shadow-accent); }
.fa-chap__cta .btn--primary:hover{ box-shadow:0 16px 34px rgba(15,158,132,.36); }
.fa-chap__cta .btn--gold{ background:linear-gradient(120deg,var(--gold-600),var(--gold-400)); color:var(--navy-950); box-shadow:0 10px 24px rgba(212,168,67,.32); }
.fa-chap__cta .btn--ghost{ background:transparent; border-color:color-mix(in srgb, var(--teal-300) 50%, transparent); color:var(--teal-200); }
.fa-chap__cta .btn--ghost:hover{ background:rgba(255,255,255,.05); border-color:var(--teal-300); }
.fa-chap__cta .btn .arr{ transition:transform var(--dur-base) var(--ease); }
.fa-chap__cta .btn:hover .arr{ transform:translateY(3px); }