> For the complete documentation index, see [llms.txt](https://bricksmotion.gitbook.io/bricksmotion-components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bricksmotion.gitbook.io/bricksmotion-components/components/buttons/button-5.md).

# Button #5

**Styling the Button:** Select he Builder element BTN5 BUTTON and the class .btn5\_\_button. Adjust the styling to your needs.

**Changing and styling the Button text:** Select the Builder element BTN5 TEXT and the class .btn5\_\_text. Under CONTENT -> change the text to your needs, under STYLING -> change the text styling to your needs.

**Changing the Button icon:** Select the Builder element BTN5 ICON and adjust the icon to your needs.

**Styling the Button hover state:** Select the TIMELINE BTN5 - HOVER

First Animation: Translating the text UP

Second Animation: Translating the icon UP

Third Animation: Changing the Background color<br>