Buttons

Buttons

Default button

1
2  <a href="#" class="c-btn">Default Button</a>
3

Primary button

1
2  <a href="#" class="c-btn c-btn--primary">Primary button</a>
3

Secondary button

1
2  <a href="#" class="c-btn c-btn--secondary">Secondary button</a>
3

Puffy button

1
2  <a href="#" class="c-btn c-btn--primary c-btn--puffy">Puffy button</a>
3

Micro button

1
2  <a href="#" class="c-btn c-btn--micro">Micro button</a>
3

Disabled button

1
2  <a href="#" class="c-btn c-btn--primary" disabled>Disabled button</a>
3

Scale on hover

1
2  <a href="#" class="c-btn c-btn--primary c-btn--hover-scale">Scale on hover</a>
3

Shadow

1
2  <a href="#" class="c-btn c-btn--primary c-btn--shadow">Shadow</a>
3