CTA
CTAs for the site
.cta--color-oslo-gray
variant with a color stripe on the left side
.cta--color-apple-green
variant with a color stripe on the left side
.cta--color-orange
variant with a color stripe on the left side
.cta--color-stiletto-red
variant with a color stripe on the left side
.cta--color-midnight-blue
variant with a color stripe on the left side
.cta--color-stripe-left
variant with a color stripe on the left side
.cta--color-stripe-left.cta--color-oslo-gray
variant with a color stripe on the left side
.cta--color-stripe-left.cta--color-apple-green
variant with a color stripe on the left side
.cta--color-stripe-left.cta--color-orange
variant with a color stripe on the left side
.cta--color-stripe-left.cta--color-stiletto-red
variant with a color stripe on the left side
.cta--color-stripe-left.cta--color-midnight-blue
variant with a color stripe on the left side
.cta--color-stripe-top
variant with a color stripe on the top
.cta--color-stripe-top.cta--color-oslo-gray
variant with a color stripe on the left side
.cta--color-stripe-top.cta--color-apple-green
variant with a color stripe on the left side
.cta--color-stripe-top.cta--color-orange
variant with a color stripe on the left side
.cta--color-stripe-top.cta--color-stiletto-red
variant with a color stripe on the left side
.cta--color-stripe-top.cta--color-midnight-blue
variant with a color stripe on the left side
{{ attach_library('h4h_theme/form-cta') }}
{{ attach_library('h4h_theme/cta') }}
{{ attach_library('h4h_theme/btn') }}
{% set classes = [
modifier_class,
modifier,
has_icon ? "cta--icon" : ''
] %}
<div class="cta {{ attributes ? ' ' ~ attributes.class }} {{ modifier_class }} {{has_icon ? "cta--icon" : ''}}" {{- attributes ? attributes|without(class) -}}>
<div class="cta__icon-container">{{ icon }}</div>
<div class="cta__title"><h2>{{ title }}</h2></div>
<div class="cta__prefix">
{{ prefix }}
</div>
{% block cta %}
<div class="cta__action">
<a href="{{ url }}" class="btn btn--{{ button_level }}">{{ button_label }}</a>
</div>
{% endblock cta %}
<div class="cta__suffix">
{{ suffix }}
</div>
</div>