Examples
<a href="#" class="button rounded default success">Success</a>
<a href="#" class="button rounded default danger">Danger</a>
<a href="#" class="button rounded default info">Info</a>
<a href="#" class="button rounded default warning">Warning</a>
<a href="#" class="button rounded default light">Light</a>
<a href="#" class="button rounded default dark">Dark</a>
<a href="#" class="button rounded default primary">Primary</a>
<a href="#" class="button rounded default secondary">Secondary</a>
<a href="#" class="button rounded default accent">Accent</a>
<a href="#" class="button rounded default success outline">Success</a>
<a href="#" class="button rounded default danger outline">Danger</a>
<a href="#" class="button rounded default info outline">Info</a>
<a href="#" class="button rounded default warning outline">Warning</a>
<a href="#" class="button rounded default light outline">Light</a>
<a href="#" class="button rounded default dark outline">Dark</a>
<a href="#" class="button rounded default primary outline">Primary</a>
<a href="#" class="button rounded default secondary outline">Secondary</a>
<a href="#" class="button rounded default accent outline">Accent</a>
Border radius
Default
Rounded
Round
<a href="#" class="button default primary">Default</a>
<a href="#" class="button default rounded primary">Rounded</a>
<a href="#" class="button default round primary">Round</a>
<a href="#" class="button rounded default primary">Default</a>
<a href="#" class="button rounded double primary">Double</a>
<a href="#" class="button rounded primary w-50 py-05">Half</a>
<a href="#" class="button rounded primary w-100 py-05">Full</a>