{% set styleModifier = styleModifier | default('mt-4') %}
{% if buttons|default([])|length > 0%}
<div class="{{ styleModifier }}">
<div class="d-sm-flex">
{% for button in buttons %}
{% set event = button.event ?? null %}
<div class="mb-3 mb-sm-0 me-sm-3">
<a href="{{ button.href }}" class="btn {{ button.styleModifier|default('') }}"
{% if event == 'click_contact_cta' %}
data-event-tracking-event="{{ event }}"
data-event-tracking-click_text="{{ button.caption }}"
data-event-tracking-click_url="{{ button.href }}"
{% endif %}
>
{% if button.icon is defined and button.iconPosition is defined and button.iconPosition == 'before' %}
<span class="btn__icon"><span class="icon icon-{{ button.icon }}" aria-hidden="true"></span></span>
{% endif %}
<span class="btn__text">{{ button.caption|default('') }}</span>
{% if button.icon is defined and (button.iconPosition is not defined or (button.iconPosition is defined and button.iconPosition == 'after')) %}
<span class="btn__icon"><span class="icon icon-{{ button.icon }}" aria-hidden="true"></span></span>
{% endif %}
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}