utlined btn-positive">Badge button <span class="badge badge-positive badge-inverted">1</span></button>
<button class="btn btn-outlined btn-negative">Badge button <span class="badge badge-negative badge-inverted">1</span></button>
{% endhighlight %}

  </article>

  <article class="component" id="blockButtons">
    <h3 class="component-title">Block buttons</h3>

    <div class="component-example">
      <button class="btn btn-block">Block button</button>
      <button class="btn btn-primary btn-block">Block 