R A D I U S

CTA combo

Use to pair a primary CTA with a secondary action within a predefined layout pattern.

Description

You must use a text link for the secondary action when pairing with a primary CTA.

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-cta-combo;

Usage

Usage example

Really long CTA CLICK ME! orApply now

Code example

<div class="cta-combo">
  <a class="cta-primary cta-combo__primary" href="#">Really long CTA CLICK ME!</a>
  <span class="cta-combo__secondary-wrap">or<a class="cta-link cta-combo__secondary" href="#">Apply now</a>
  </span>
</div>



<div class="cta-combo cta-combo--minor">
  <a class="cta-primary cta-combo__primary cta--minor" href="#">Really long CTA CLICK ME!</a>
  <span class="cta-combo__secondary-wrap">or<a class="cta-link cta-combo__secondary" href="#">Apply now</a>
  </span>
</div>