/*
 * Button style choices (v0.15.8).
 *
 * Every button can keep its "Default" look (exactly as designed — no class
 * added) or be switched in the editor to one of the original site's .btn
 * variants. A chosen style adds `lw-btn-style` next to the btn--{style} class.
 * Several sections restyle their buttons with their own rules (the Home hero's
 * emerald primary, the How We Help cards, …); the doubled class below gives
 * these overrides enough weight to beat those, so the chosen style always
 * shows. Colours copied from main.css's .btn variants.
 * Loaded after every page stylesheet, on the site and in the editor.
 */
.btn.lw-btn-style.lw-btn-style.btn--primary {
  background: var(--action-primary);
  color: var(--text-on-action);
  border-color: transparent;
  box-shadow: none;
}
.btn.lw-btn-style.lw-btn-style.btn--primary:hover { background: var(--action-primary-hover); }

.btn.lw-btn-style.lw-btn-style.btn--secondary {
  background: var(--action-secondary);
  color: var(--text-on-brand);
  border-color: transparent;
  box-shadow: none;
}
.btn.lw-btn-style.lw-btn-style.btn--secondary:hover { background: var(--action-secondary-hover); }

.btn.lw-btn-style.lw-btn-style.btn--tertiary {
  background: transparent;
  color: var(--text-primary);
  border: var(--border-strong);
  box-shadow: none;
}
.btn.lw-btn-style.lw-btn-style.btn--tertiary:hover { background: rgba(23, 23, 57, 0.05); }

.btn.lw-btn-style.lw-btn-style.btn--ghost {
  background: transparent;
  color: var(--text-primary);
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding-inline: 0;
  min-height: auto;
  box-shadow: none;
}
.btn.lw-btn-style.lw-btn-style.btn--ghost:hover { border-bottom-color: var(--color-lime); background: transparent; }

.btn.lw-btn-style.lw-btn-style.btn--outline-light {
  background: transparent;
  color: var(--color-offwhite);
  border: 1.5px solid var(--color-offwhite);
  box-shadow: none;
}
.btn.lw-btn-style.lw-btn-style.btn--outline-light:hover { background: rgba(247, 244, 238, 0.1); }