Button Small
Lorem ipsum
HTML
<a href="#" class="btn btn-small ">Lorem ipsum</a>
Button Dark
Lorem ipsum
HTML
<a href="#" class="btn btn-dark ">Lorem ipsum</a>
Button
Lorem ipsum
HTML
<a href="#" class="btn ">Lorem ipsum</a>
Button Big
Lorem ipsum
HTML
<a href="#" class="btn btn-big ">Lorem ipsum</a>
Button Alternate Small
Lorem ipsum
HTML
<a href="#" class="btn btn-small btn-alt ">Lorem ipsum</a>
Button Alternate
Lorem ipsum
HTML
<a href="#" class="btn btn-alt ">Lorem ipsum</a>
Button Alternate Big
Lorem ipsum
HTML
<a href="#" class="btn btn-big btn-alt ">Lorem ipsum</a>
Button Disabled Small
Lorem ipsum
HTML
<a href="#" class="btn btn-small btn-disabled ">Lorem ipsum</a>
Button Disabled
Lorem ipsum
HTML
<a href="#" class="btn btn-disabled ">Lorem ipsum</a></p>
Button Disabled Big
HTML
<p><a href="#" class="btn btn-big btn-disabled ">Lorem ipsum</a>
Button Text
Lorem ipsum
HTML
<a href="#" class="btn-text ">Lorem ipsum</a>
Button Text Alternate
Lorem ipsum
HTML
<a href="#" class="btn-text btn-text-alt ">Lorem ipsum</a>
Button Text Primary
Lorem ipsum
HTML
<a href="#" class="btn-text btn-text-primary ">Lorem ipsum</a>
Button Text Small
Lorem ipsum
HTML
<a href="#" class="btn-text btn-text-small ">Lorem ipsum</a>
Button Filter
Lorem ipsum
(Lorem)
✕
HTML
<a href="#" class="btn btn-filter ">
<span class="btn-filter_label">Lorem ipsum</span>
<span class="btn-filter_counter">(Lorem)</span>
<span class="btn-filter_close">✕</span>
</a>
Button Toggle Label
Lorem ipsum
HTML
<a class="btn-toggle-label " href="#">
<span class="btn-toggle-label_label">Lorem ipsum</span>
<i class="i i-calendar"></i>
</a>
Button Medium
Lorem ipsum
HTML
<a href="#" class="btn btn-medium ">Lorem ipsum</a>
Button Text Small Primary
Lorem ipsum
HTML
<a href="#" class="btn-text btn-text-small btn-text-primary ">Lorem ipsum</a>