Preview

<button class="tl-btn tl-btn--primary">Primary</button>
<button class="tl-btn tl-btn--secondary">Secondary</button>
<button class="tl-btn tl-btn--ghost">Ghost</button>
<button class="tl-btn tl-btn--primary tl-btn--lg">Large</button>

<div class="tl-btn-group">
  <button class="tl-btn tl-btn--secondary">Left</button>
  <button class="tl-btn tl-btn--secondary">Right</button>
</div>

Modifiers

Class	Description
`.tl-btn`	Base button (required)
`.tl-btn--primary`	Coral fill, white text
`.tl-btn--secondary`	White fill, ink text
`.tl-btn--ink`	Ink fill, cream text
`.tl-btn--danger`	Red semantic fill
`.tl-btn--success`	Green semantic fill
`.tl-btn--ghost`	Transparent, no shadow
`.tl-btn--sm`	Small size
`.tl-btn--lg`	Large size
`.tl-btn--block`	Full width
`.tl-btn-group`	Grouped buttons wrapper
`disabled` / `.is-disabled`	Non-interactive state