/* ==========================================================================
   Shared component styles that pages still reference but which are no longer
   present in styles.css. Kept here so the pages using them render correctly
   without editing the shared stylesheet.
   ========================================================================== */

/* The light button on the dark green support band ("Become a sponsor").
   Without this it inherits no background and renders green-on-green. */
.btn--light {
  background: #fff;
  color: var(--green-deep, #043B1E);
  border-color: #fff;
}
.btn--light:hover {
  background: var(--ground, #E6EAE9);
  border-color: var(--ground, #E6EAE9);
  color: var(--green-deep, #043B1E);
}

/* --- paired CTAs: vertical centring ---------------------------------------
   styles.css sets `.linkish { align-self: start }` — correct inside the
   vertical pillar cards, wrong when a link sits beside a button in a
   horizontal CTA row, where it floats to the top of the button's box.
   Every CTA row on the site centres its items, and the link centres with them. */
.hero__ctas, .poster__ctas, .support__ctas, .cta__ctas,
.shead__ctas, .vhead__ctas, .dhead__ctas, .close__ctas,
.apply__ctas, .efeature__ctas, .pblock__ctas, .lead-event__ctas,
.statement__foot, .syl__foot, .otherways {
  align-items: center;
}
.hero__ctas > .linkish, .poster__ctas > .linkish, .support__ctas > .linkish, .cta__ctas > .linkish,
.shead__ctas > .linkish, .vhead__ctas > .linkish, .dhead__ctas > .linkish, .close__ctas > .linkish,
.apply__ctas > .linkish, .efeature__ctas > .linkish, .pblock__ctas > .linkish, .lead-event__ctas > .linkish,
.statement__foot > .linkish, .syl__foot > .linkish, .otherways > .linkish {
  align-self: center;
}