>Button</button>
{% endhighlight %}

  </article>

  <!-- Buttons -->
  <article class="component" id="buttonsWithIcons">
    <h3 class="component-title">Buttons with icons</h3>
    <p class="component-description">Ratchicons work inside buttons too.</p>

    <div class="component-example">
      <button class="btn">
        <span class="icon icon-search"></span>
        Button
      </button>
      <button class="btn btn-primary">
        <span class="icon icon-search"></span>
        Button
      </button