Button

Buttons are interactive elements used for single-step actions or anchors (<a class=“btn”>) styled like a button.

Preview

Used as main CTA button

<button class="btn btn--primary">Call to action</button>
<button class="btn btn--secondary">Call to action</button>
<button class=btn btn--primary btn--icon">Call to action</button>
<button class=btn btn--secondary btn--icon">Call to action</button>

Variations

Name Description

.btn--primary

Primary style for main call-to-action.

.btn--secondary

Secondary style for call-to-action.

btn--primary btn--icon

Primary style for main call-to-action with an arrow icon.

btn--secondary btn--icon

Secondary style for main call-to-action with an arrow icon.
© Raute Corporation 2021