<section class="block-section block-text {% if element.text.align is defined and element.text.align is not empty %}text-{{ element.text.align }}{% else %}text-default{% endif %}">
    <div class="text-wrapper">
        {% if element.title is defined and element.title.title is not empty %}
            <{{ element.title.htmlTag|default('h2') }} class="title-wrapper h2">{{ element.title.title }}</{{ element.title.htmlTag|default('h2') }}>
        {% endif %}

        {% if element.title is defined and element.title.subtitle is not empty %}
            <{{ element.title.subtitleHtmlTag|default('h3') }} class="subtitle-wrapper display-4">{{ element.title.subtitle }}</{{ element.title.subtitleHtmlTag|default('h3') }}>
        {% endif %}

        {{ element.text.content|raw }}

        {% if element.link is defined and element.link.link is not empty %}
            <a href="{{ element.link.link }}" class="btn btn-dark">{{ element.link.label|default('app.ui_element.btn_default'|trans) }}</a>
        {% endif %}
    </div>
</section>
