Call-to-action (version 1) buttons

Call-to-action button (version 1)

Iste in 
<!-- Call to action button start -->
<a href="#" class="button button--cta-v1" role="button">Dolorum et<span></span></a>
<!-- Call to action button end -->

Call-to-action button (version 1) with border

This is to be used on solid colour backgrounds where the standard button doesn't work.

Ut aut 
<!-- Call to action button start -->
<a href="#" class="button button--cta-v1 button--cta-border-v1" role="button">Enim totam<span></span></a>
<!-- Call to action button end -->

CTA with external link (version 1)

Cupiditate quis 
<!-- Call to action button start -->
<a href="#" class="button button--cta-v1 ext-v1" role="button">Et et<span></span></a>
<!-- Call to action button end -->

CTA button with image (version 1)

Et ea 
<!-- Call to action button start -->
<a href="#" class="button button--cta-v1 button--cta-with-image-v1" role="button">Fuga officia<span class="button__cta-image-wrapper-v1"><span class="button__cta-image-mask-v1"><span class="button__cta-image-v1" style="background-image:url('https://www.ucas.com/sites/default/files/tiles/exhibitions-and-open-days.jpg')"></span></span></span></a>
<!-- Call to action button end -->

CTA button with video (version 1)

These video buttons are experimental. They should be considered proof of concept only.

Et tenetur
Et tenetur