Buttons

Block

Standard button To create a button, apply .c-btn{}

Price

To include a price, include an element with <span class="c-btn__price">£3</span>.

Text

Button text requires an element with <span class="c-btn__text">Big button</span>.

<a href="#" class="c-btn">
  <span class="c-btn__text">Standard button</span>
</a>

Modifiers

Big button Big button: .ctn--big{}

£3 Big button Orange button: .ctn--orange{}

£9 Big button Green button: .ctn--green{}

£4 Big button Blue button: .ctn--blue{}

£9 Big button Pink button: .ctn--pink{}

£9 Big button Yellow button: .ctn--yellow{}

Complete example

<a href="#" class="c-btn c-btn--orange c-btn--big">
  <span class="c-btn__price">£3</span>
  <span class="c-btn__text">Big button</span>
</a>