### Buttons

##### Default Buttons

Use the button classes on an `<a>`, `<button>`, or `<input>` element.

##### Rounded Buttons

Add `.rounded-pill` to default button to get rounded corners.

##### Outline Buttons

Use a classes `.btn-outline-**` to quickly create a bordered buttons.

##### Rounded Outline Buttons

Use a classes `.btn-outline-**` to quickly create a bordered buttons.

##### Soft Buttons

Use a classes `.btn-soft-**` to quickly create a bordered buttons.

##### Soft Rounded Button

Use a classes `.btn-soft-**` to quickly create a bordered buttons.

##### Square Button

add `.btn-square` to change the style.

##### Square Outline Button

add `.btn-square` to change the style.

##### Sizes

Add `.btn-lg`, `.btn-sm`, or `.btn-xs` for additional sizes.

##### Button Tags

Use a classes `.btn-outline-**` to quickly create a bordered buttons.

Link

##### Button Widths

Use a classes `.btn-outline-**` to quickly create a bordered buttons.

##### Button Disabled

Add the `disabled` attribute to `<button>` buttons.

##### Button Loader

Use a classes `.btn-outline-**` to quickly create a bordered buttons.

##### Icon Buttons

Use a classes `.btn-icon` to quickly create a bordered buttons.

##### Block buttons

Create block level buttons by adding class `.d-grid` to parent div.