---

Large size .btn--large

---

Small size .btn--small

---

Xsmall size .btn--xsmall

---

Secondary button style .btn--secondary

---

Warning button style .btn--warn

---

White button! .btn--white

---

Outlined button .btn--outline

---

Hardly even a button, but great for alignment .btn--invisible

---

100% width with minimal side padding .btn--block

---

Always an inline block button .btn--inline

---

A hidden button .btn--hidden

---

A minimum width button for all the funky fresh tiny text .btn--min

---

A button that displays as a table-cell to support multiple lines .btn--multiline

---

Button for marketing style pages .btn--marketing

<a href="#" class="btn [modifier class]">Button</a>

<div class="bg-gray0">
  <a class="video-trigger u-ta-center" href="#">
    <div class="container container--xxlarge"></div>
  </a>
</div>