Buttons

Markup Demo
<button class="btn btn-brand-neutral-black">Call to action</button>
<button class="btn btn-brand-neutral-white">Call to action</button>
<button class="btn btn-brand-accent-pink">Call to action</button>
<button class="btn btn btn-brand-accent-yellow">Donate</button>
<button class="btn btn-outline-brand-accent-pink">Call to action</button>
<button class="btn btn-outline-brand-neutral-black">Call to action</button>

The same classes can be added to links to make them behave like buttons:

Markup Demo
<a href="#" class="btn btn-brand-neutral-black">Call to action</a>
<a href="#" class="btn btn-brand-neutral-white">Call to action</a>
<a href="#" class="btn btn-brand-accent-pink">Call to action</a>
<a href="#" class="btn btn btn-brand-accent-yellow">Donate</a>
<a href="#" class="btn btn-outline-brand-accent-pink">Call to action</a>
<a href="#" class="btn btn-outline-brand-neutral-black">Call to action</a>