<a href="#" class="button button--green">Link as a button</a>
<button class="button button--green" type="input">Button as a button</button>

<a href="#" class="button button--green">{{ button_one }}</a>
<button class="button button--green" type="input">{{ button_two }}</button>

<div class="element-bg">
	<a href="#" class="button button--white">Link as a button</a>
	<button class="button button--white" type="input">Button as a button</button>
</div>

<div class="element-bg">
	<a href="#" class="button button--white">{{ button_one }}</a>
	<button class="button button--white" type="input">{{ button_two }}</button>
</div>

<a href="#" class="secondary-button">Link as a button</a>
<button class="secondary-button" type="input">Button as a button</button>

<a href="#" class="secondary-button">{{ button_one }}</a>
<button class="secondary-button" type="input">{{ button_two }}</button>

<a href="#" class="button-underline">Button underline</a>

<a href="#" class="button-underline">Button underline</a>

<a href="#" class="button">Link as a button</a>
<button class="button" type="input">Button as a button</button>

<a href="#" class="button">{{ button_one }}</a>
<button class="button" type="input">{{ button_two }}</button>

<div class="element-bg">
	<a href="#" class="button button--transparent">Link as a button</a>
	<button class="button button--transparent" type="input">Button as a button</button>
</div>

<div class="element-bg">
	<a href="#" class="button button--transparent">{{ button_one }}</a>
	<button class="button button--transparent" type="input">{{ button_two }}</button>
</div>