Buttons

# Tags

When you use the tag a consider adding an attribute role="button" to take care of availability.

For the default appearance of a button just use class .btn

# Sizes

Default size is connected with medium size.

# Colors

Default color is connected with first color.

# Types and variants

Simple types

Text buttons inherit paddings to achieve "vertical rhythm" with other buttons.

With icons

Block button

Circle button

Arrow buttons

Scalable arrow buttons! Try to add some size class to the button for example .btn--lg