.step-dots { display: inline-flex; gap: 10px; align-items: center; }
.step-dots__dot {
  width: 6px; height: 2px;
  background: var(--ink-15);
  transition: width 320ms ease, background 320ms ease;
}
.step-dots__dot.is-active  { background: var(--ink); }
.step-dots__dot.is-current { width: 22px; }