.stepper {
  align-items: center;
  column-gap: var(--size-3);
  display: flex;
}

/* Square circles at the 44px touch minimum: this is the control the whole app
   exists to press, usually one-handed while holding something else. */
.stepper__button {
  --btn-block-size: var(--size-11);
  --btn-font-size: var(--text-lg);
  --btn-inline-size: var(--size-11);
  --btn-padding: 0;
  --btn-radius: var(--rounded-full);
}

.stepper__count {
  font-variant-numeric: tabular-nums;
  min-inline-size: var(--size-10);
  text-align: center;
}