> For the complete documentation index, see [llms.txt](https://lorvent.gitbook.io/clear/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lorvent.gitbook.io/clear/html-structure/main-content/buttons.md).
# Buttons
There are twelve variants of buttons based on the colors used in this template with an option to change the color of the button just by replacing`btn-primary`with`btn-defaultbtn-infobtn-successbtn-warningbtn-danger`in the code below.
**1) Radiused Buttons:**
we can change effect of any button by replacing`hvr-buzz`with the effect we would like `hvr-hang hvr-sink hvr-pop`and other in the code below.
It has the following Structure:
```
```
**2) Rounded Buttons:**
we can change effect of any button by replacing`hvr-shrink`with the effect we effect we want like`hvr-pulse hvr-grow hvr-push`and other in the code below.
It has the following Structure:
```
```
**3) Rectangle Buttons:**
It has the following Structure:
```
```
**4) Circle Buttons:**
It has the following Structure:
```
```
**5) Shadow and Glow Transitions Buttons:**
It has the following Structure:
```
```
**6) Quick Shortcuts:**
It has the following Structure:
```
Apps
```
**7) 3-D Buttons:**
It has the following Structure:
```
```
**8) Spinner Buttons:**
It has the following Structure:
```
```
**9) Icon Button & Dropdown:**
It has the following Structure:
```
```
**10) Button Animation:**
It has the following Structure:
```
```
**11) Group Buttons:**
It has the following Structure:
```