Round Buttons
Use .btn-{state}for different states
Square Buttons
Use .btn-squarefor square buttons
Pill Buttons
Use .btn-pillfor pill buttons
Round Outline Buttons
Use .btn-outline-{state}for different outline states
Square Outline Buttons
Use .btn-squarefor square outline buttons
Pill Outline Buttons
Use .btn-pillfor pill outline buttons
Round Gradient Buttons
Use .btn-gradient-{state}for different gradient states
Square Gradient Buttons
Use .btn-squarefor square gradient buttons
Pill Gradient Buttons
Use .btn-pillfor pill gradient buttons
Round Buttons with Icon
Use .btn-{state}for different button states and .has-iconfor icon buttons
Square Buttons with Icon
Use .btn-squarefor square icon buttons
Pill Buttons with Icon
Use .btn-pillfor pill icon buttons
Round Icon Buttons
Use .ms-btn-icon .btn-{state}for different Icon states
Round Outline Icon Buttons
Use .ms-btn-icon-outline .btn-{state}for different Icon states
Square Icon Buttons
Use .btn-squarefor square Icon buttons
Square Outline Icon Buttons
Use .btn-squarefor square Icon buttons
Circle Icon Buttons
Use .btn-pillfor circle Icon buttons
Circle Outline Icon Buttons
Use .btn-pillfor circle Icon buttons
Button Groups
Use .btn-group.btn-group-toggleas a parent for multiple .btn
Use .flex-columnfor vertical button groups
Block Level Buttons
Use .btn-blockfor block level buttons