/* ==========================================================================
   kicker.css — eyebrow chip used above section H2s ("Browse & book", etc.)
   Markup: <div class="kicker">Label</div>
   Inline pill, sits inside .block-head and similar lead blocks. Dark-surface
   variants (e.g. .trainer-cta) override the fill in their own component file.
   ========================================================================== */

.kicker {
  display: inline-block;
  padding: var(--space-6) var(--space-12);
  background: var(--brand-tint);
  border-radius: var(--pill);
  color: var(--brand-ink);
  text-transform: uppercase;
  letter-spacing: var(--ls-widest);
  font-size: var(--fs-kicker);
  font-weight: var(--fw-bold);
  line-height: 1;
  margin-bottom: var(--space-14);
}