primary
secondary
warning
success
ghost
text
diap
ghostdiap

<a class="btn btn--primary">Primary</a>
<a class="btn btn--secondary">Secondary</a>
<a class="btn btn--warning">Warning</a>
<a class="btn btn--success">Success</a>
<a class="btn btn-ghost">ghost</a>
<a class="btn btn-text">text</a>
<a class="btn btn-diap">diap</a>
<a class="btn btn-ghostdiap">Ghostdiap</a>