Normal LinkExternal LinkDownload Link

<a href="#">This is a text link</a>
<a href="#" class="external">Button</a>
<a href="#" class="download">Button</a>

ButtonExternalDownload

<a href="#" class="button">Button</a>
<a href="#" class="button button--external">External</a>
<a href="#" class="button button--download">Download</a>

ButtonExternalDownload

<a href="#" class="button button--secondary">Button</a>
<a href="#" class="button button--secondary button--external">External</a>
<a href="#" class="button button--secondary button--download">Download</a>

ButtonExternalDownload

<a href="#" class="button button--white">Button</a>
<a href="#" class="button button--white button--external">External</a>
<a href="#" class="button button--white button--download">Download</a>