Button

Primary action button with ghost (outline) and soft (15% accent tint) variants. Disabled state via the disabled attribute.

Variants

<button class="btn">Primary</button>
<button class="btn btn--ghost">Ghost</button>
<button class="btn btn--soft">Soft</button>
<button class="btn" disabled>Disabled</button>

With icon

<button class="btn">
  <svg class="icon icon--sm">…</svg> Label
</button>

As a link

Link button Soft link

<a href="#" class="btn">Click me</a>

Modifiers

Class	Effect
`.btn`	Base — solid accent background, accent-fg text.
`.btn--ghost`	Transparent background + accent border/text.
`.btn--soft`	15% accent tint background + accent text.
`[disabled]`	Reduces opacity and disables pointer.