<section class="simple-text-teaser
{{ isSmall|default(null) ? 'simple-text-teaser--small' : '' }}
{{ hasImage|default(null) ? 'simple-text-teaser--has-image' : '' }}
simple-text-teaser--{{ color |default('default') }} {{ styleModifier | default(null)}}
{{ button|default(null) ? 'stretch-link isCursor' : '' }}">
{% do jsConfig().add('goToLink', true) %}
{% if hasImage|default(null) %}
<div class="simple-text-teaser__embed embed-responsive-cover embed-responsive simple-text-teaser__image">
{% set description = getImageDescription(image, true) %}
{{ image.thumbnail('simple-text-teaser').html({
imgAttributes: {
class: 'js-lazy-img embed-responsive-item teaser-animation__img'
},
lowQualityPlaceholder: true,
title: description|default(''),
alt: description|default('')
}) |raw}}
</div>
{% endif %}
<div class="simple-text-teaser__content">
{% if icon|default(null) %}
<span class="icon icon-{{ icon }} simple-text-teaser__icon" aria-hidden="true"></span>
{% endif %}
{{ text|default('') }}
</div>
{% if button|default(null) %}
<a href="{{ button.href }}" class="btn btn-outline-light simple-text-teaser__btn stretch-link__link">
{{ button.text }}
</a>
{% endif %}
</section>