/* GENERATED by packages/design-system/scripts/build-wp.mjs in lonestar-launchpad-com. Do not edit; regenerate. */
/* ---------------------------------------------------------------------------
   COMPONENT: button (6 variants)
   --------------------------------------------------------------------------- */
.lslp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--lslp-space-4) var(--lslp-space-6);   /* 16px 32px */
  border: 1px solid transparent;
  font-family: var(--lslp-font-sans);
  font-size: var(--lslp-button-size);
  font-weight: var(--lslp-button-weight);
  letter-spacing: var(--lslp-button-tracking);
  line-height: var(--lslp-button-line);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
/* Navy on gold, as live (6.2:1, AA). */
.lslp-btn--gold {
  background: var(--lslp-gold);
  border-color: var(--lslp-gold);
  color: var(--lslp-navy);   /* live; 6.2:1 on gold */
}
/* Navy fill, white text — 14.5:1. Used for form submits and the 404 actions.
   Extends the existing button rather than adding a form-only style. */
.lslp-btn--navy {
  background: var(--lslp-navy);
  border-color: var(--lslp-navy);
  color: var(--lslp-white);
}
.lslp-btn--navy:focus-visible { outline-color: var(--lslp-gold); }

/* Red fill, white text — 5.94:1. The resource page's Learn More call to action (Figma). */
.lslp-btn--red {
  background: var(--lslp-red);
  border-color: var(--lslp-red);
  color: var(--lslp-white);
}

/* Navy outline on light grounds — the hub card's "Quick view" (hub comps). */
.lslp-btn--outline {
  background: var(--lslp-white);
  border-color: var(--lslp-navy);
  color: var(--lslp-navy);
}
.lslp-btn--outline:hover { background: var(--lslp-navy-05); }

.lslp-btn--ghost {
  background: transparent;
  border-color: var(--lslp-white);
  color: var(--lslp-white);
}