/* .btn — v23's solid mint buttons: the header's "Request a Quote" (--nav) and
   the hero's call to action (--hero). Sizes from the scales (spec decisions 11,
   61 item 12); v23 values in comments. Layout is a plain inline-flex row (an
   icon beside a label): no composition is needed for two children. */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);            /* v23 .8rem */
  border-radius: var(--radius);
  background: var(--color-accent-base);
  color: var(--color-white);
  font-weight: var(--fw-bold);         /* v23 asks 800; Red Hat Text stops at 700 (decision 67 item 15) */
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.015em;         /* one-off: v23 */
}

.btn--nav {
  min-block-size: var(--space-xl); /* v23 47px */
  padding-inline: var(--space-md); /* v23 1.45rem */
  font-size: var(--step--1);       /* v23 .82rem */
}

.btn--hero {
  min-block-size: var(--space-2xl); /* v23 57px */
  padding-inline: var(--space-lg);  /* v23 2rem */
  font-size: var(--step-0);         /* v23 1rem */
  box-shadow: var(--glow-raised);
}

.btn--hero svg {
  inline-size: var(--space-md);     /* v23 24px */
  block-size: var(--space-md);
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}