Buttons

<button class="btn btn-primary mr-2">Primary</button>
<button class="btn btn-secondary mr-2">Secondary</button>
<button class="btn btn-tertiary mr-2">Tertiary</button>
<button class="btn btn-danger mr-2">Danger</button>
<button class="btn btn-gray mr-2">Gray</button>
<button class="btn btn-white mr-2">White</button>
<button class="btn btn-link mr-2">Link</button>
<button class="btn btn-light-blue mr-2">Light Blue</button>
<button class="btn btn-light-green mr-2">Light Green</button>
<button class="btn btn-light-red mr-2">Light Red</button>

<button class="btn btn-primary outline mr-2">Primary</button>
<button class="btn btn-secondary outline mr-2">Secondary</button>
<button class="btn btn-tertiary outline mr-2">Tertiary</button>
<button class="btn btn-danger outline mr-2">Danger</button>

<button class="btn btn-small btn-primary mr-2">Primary</button>
<button class="btn btn-small btn-secondary mr-2">Secondary</button>
<button class="btn btn-small btn-tertiary mr-2">Tertiary</button>
<button class="btn btn-small btn-danger mr-2">Danger</button>
<button class="btn btn-small btn-gray mr-2">Gray</button>
<button class="btn btn-small btn-white mr-2">White</button>
<button class="btn btn-small btn-link mr-2">Link</button>

<button class="btn btn-large btn-primary mr-2">Primary</button>
<button class="btn btn-large btn-secondary mr-2">Secondary</button>
<button class="btn btn-large btn-tertiary mr-2">Tertiary</button>
<button class="btn btn-large btn-danger mr-2">Danger</button>
<button class="btn btn-large btn-gray mr-2">Gray</button>
<button class="btn btn-large btn-white mr-2">White</button>
<button class="btn btn-large btn-link mr-2">Link</button>

<button class="btn btn-primary mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="aq1qbl1y1j2c5xxu5g9278gwi48xjop0" class="fill-current icon-sm mr-2"><title id="aq1qbl1y1j2c5xxu5g9278gwi48xjop0">Icons/download</title>
<path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"></path></svg>
 Primary
</button>

<button class="btn btn-secondary mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="arjrhrpbx9jdsvxzvlrktx7um8qjnbcd" class="fill-current icon-sm mr-2"><title id="arjrhrpbx9jdsvxzvlrktx7um8qjnbcd">Icons/download</title>
<path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"></path></svg>
 Secondary
</button>

<button class="btn btn-tertiary mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="aqq1opd2ey69rrygzrxldyj4o021qcbf" class="fill-current icon-sm mr-2"><title id="aqq1opd2ey69rrygzrxldyj4o021qcbf">Icons/download</title>
<path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"></path></svg>
 Tertiary
</button>

<button class="btn btn-danger mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="amcs9d6xn5w1dxrrnd26cusql8ub6cwh" class="fill-current icon-sm mr-2"><title id="amcs9d6xn5w1dxrrnd26cusql8ub6cwh">Icons/trash</title>
<path d="M6 2l2-2h4l2 2h4v2H2V2h4zM3 6h14l-1 14H4L3 6zm5 2v10h1V8H8zm3 0v10h1V8h-1z"></path></svg>
 Danger
</button>

<button class="btn btn-gray mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="atsrobkf8ml50w8merf2vswwpqovbvu0" class="fill-current icon-sm mr-2"><title id="atsrobkf8ml50w8merf2vswwpqovbvu0">Icons/trash</title>
<path d="M6 2l2-2h4l2 2h4v2H2V2h4zM3 6h14l-1 14H4L3 6zm5 2v10h1V8H8zm3 0v10h1V8h-1z"></path></svg>
 Gray
</button>

<button class="btn btn-white mr-2">
  <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="a13r185233rgcetzmgwgsznila8afgl3" class="fill-current icon-sm mr-2"><title id="a13r185233rgcetzmgwgsznila8afgl3">Icons/trash</title>
<path d="M6 2l2-2h4l2 2h4v2H2V2h4zM3 6h14l-1 14H4L3 6zm5 2v10h1V8H8zm3 0v10h1V8h-1z"></path></svg>
 White
</button>

<button class="btn btn-link mr-2">
  Link <svg viewBox="0 0 20 20" width="20" height="20" role="img" aria-labelledby="aonk88b27raakaaq2e0yjhil7dxmca2d" class="fill-current icon-xs ml-2"><title id="aonk88b27raakaaq2e0yjhil7dxmca2d">Icons/arrow right</title>
<path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"></path></svg>

</button>