Button width should be defined by the content on the button. Buttons should also be ranged left with the left edge aligning with other content.

The primary button should only be used once per page.

Primary button
$button-primary
rgb(15,132,130)
#0F8482

Primary button hover
$button-primary-hover
rgb(43,158,156)
#2B9E9C

Primary button active
$button-primary-active
rgb(12,111,109)
#0C6F6D

Button dark
$button-primary-dark
rgb(0,57,78)
#00394E

Button dark hover
$button-primary-dark-hover
rgb(74,102,131)
#4A6683

Button dark active
$button-primary-dark-active
rgb(46,64,82)
#2e4052