/* Host compatibility for lego.rising-button at the two closing CTAs (BUILD 5).
   Reproduces the typography and spacing of the controls it replaces; colors and
   geometry tokens come from closingCtaTokens in optIn.tsx. Load after styles.css,
   coastal.css and vendor/rising-button.css. The certified Lego CSS is not edited. */

/* Standard: .button.light inside .final-cta */
.final-cta [data-lego="rising-button"] {
  justify-content: center;
  min-height: 50px;
  margin-top: 1.75rem;
  font-weight: 650;
  font-size: .9375rem;
  line-height: 1.35;
  text-align: center;
}
.final-cta [data-lego="rising-button"] .lego-rb__label {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
}
.final-cta [data-lego="rising-button"]:focus-visible {
  outline-offset: 4px;
}

/* Coastal: .cs-button inside .cs-final-actions */
.cs-final-actions [data-lego="rising-button"] {
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  font: 600 .9375rem/1 var(--cs-font-display);
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
}
.cs-final-actions [data-lego="rising-button"]:focus-visible {
  outline-offset: 2px;
}