@layer components {
  .c-component-list--arrow-steps { display: flex; flex-wrap: wrap; align-items: baseline; gap: .75rem 1rem; padding: 1.5rem 0; list-style: none; border-block: var(--wa-border-width) solid var(--wa-context-surface-border); }
  .c-component-list--arrow-steps > li { display: flex; align-items: baseline; gap: 1rem; min-inline-size: 0; font-weight: 600; }
  .c-component-list--arrow-steps > li:not(:last-child)::after { content: '→'; color: var(--wa-context-surface-muted-foreground); }
}
@layer components { .c-component-list--arrow-steps { font-size: 1rem; } }