<!-- Default -->
<button class="btn btn-primary btn-small " type="button">
		<span class="btn__inner">
				<span class="btn__text">Small Buttons</span>
			
		</span>	
</button>

<!-- Secondary -->
<button class="btn btn-secondary btn-small " type="button">
		<span class="btn__inner">
				<span class="btn__text">Small Buttons</span>
			
		</span>	
</button>

{{> @button}}
/* Default */
{
  "text": "Small Buttons",
  "className": "btn-primary btn-small",
  "type": "button"
}

/* Secondary */
{
  "text": "Small Buttons",
  "className": "btn-secondary btn-small",
  "type": "button"
}

Small Buttons

Any button can be made smaller by adding the class .btn-small