Button

Regular Button

Example:


<button class="btn">Button</button>

Result:

Primary Button

Example:


<button class="btn primary">Button</button>

Result:

Danger Button

Example:


<button class="btn danger">Button</button>

Result:

Flat Button

Example:


<button class="btn flat">Button</button>

Result:

Cicrular and Square Buttons

Example:


<div
    style="display: grid; grid-template-columns: 1fr 1fr; justify-items: center"
>
    <button class="btn circular">...</button>
    <button class="btn square">...</button>
</div>

Result: