The button styles are defined in buttons.scss. All form buttons take the default style of the Cherry button. You can change the variants of the buttons by using classes.
<a class="button">Primary</a>
<a class="button frame">Primary Frame</a>
<a class="button big">Primary Big</a>
<a class="button frame big">Primary Frame Big</a>
<a class="button secondary">Secondary</a>
<a class="button frame secondary">Secondary Frame</a>
<a class="button secondary big">Secondary Big</a>
<a class="button frame secondary big">Secondary Frame Big</a>
<a class="button tertiary">Tertiary</a>
<a class="button frame tertiary">Tertiary Frame</a>
<a class="button tertiary big">Tertiary Big</a>
<a class="button frame tertiary big">Tertiary Frame Big</a>
<a class="button" disabled>Primary</a>
<a class="button frame" disabled>Disabled Frame</a>
<a class="button big" disabled>Disabled Big</a>
<a class="button frame big" disabled>Disabled Frame Big</a>
<a class="button full-width">Primary</a>
<a class="button secondary full-width">Secondary</a>
<a class="button tertiary full-width">Tertiary</a>