{% set sec = get_section_data(entity, app.request.locale|default('pl')) %}
<section style="background-color: {{ sec.bgColor|default('#ebeff1') }};" class="parent-container pt-{{ sec.secPT|default('0') }} pb-{{ sec.secPB|default('0') }} mb-{{ sec.secMB|default('0') }} mt-{{ sec.secMT|default('0') }}">
<div class="row">
{% if entity.layoutSettings.width.mobile.left|default(0) != 0 or entity.layoutSettings.width.tablet.left|default(0) != 0 or entity.layoutSettings.width.desktop.left|default(0) != 0 or entity.layoutSettings.width.desktopXL.left|default(0) != 0 %}
<div class="pt-{{ entity.layoutSettings.verticalSpace.columnPadding.top.left|default('0') }} pb-{{ entity.layoutSettings.verticalSpace.columnPadding.bottom.left|default('0') }} mt-{{ entity.layoutSettings.verticalSpace.columnMargin.top.left|default('0') }} mb-{{ entity.layoutSettings.verticalSpace.columnMargin.bottom.left|default('') }} {% if entity.layoutSettings.width.mobile.left|default(0) != 0 %}col-{{ entity.layoutSettings.width.mobile.left|default('0') }}{% endif %} {% if entity.layoutSettings.width.tablet.left|default(0) != 0 %}col-md-{{ entity.layoutSettings.width.tablet.left|default('0') }}{% endif %} {% if entity.layoutSettings.width.desktop.left|default(0) != 0 %}col-lg-{{ entity.layoutSettings.width.desktop.left|default('0') }}{% endif %} {% if entity.layoutSettings.width.desktopXL.left|default(0) != 0 %}col-xxl-{{ entity.layoutSettings.width.desktopXL.left|default('0') }}{% endif %}">
{% include 'front/blocks/block-image-text__button.twig' with { position: 'left' } %}
</div>
{% endif %}
{% if entity.layoutSettings.width.mobile.center|default(0) != 0 or entity.layoutSettings.width.tablet.center|default(0) != 0 or entity.layoutSettings.width.desktop.center|default(0) != 0 or entity.layoutSettings.width.desktopXL.center|default(0) != 0 %}
<div class="{% if entity.layoutSettings.width.mobile.center|default(0) != 0 %}col-{{ entity.layoutSettings.width.mobile.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.tablet.center|default(0) != 0 %}col-md-{{ entity.layoutSettings.width.tablet.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.desktop.center|default(0) != 0 %}col-lg-{{ entity.layoutSettings.width.desktop.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.desktopXL.center|default(0) != 0 %} col-xxl-{{ entity.layoutSettings.width.desktopXL.center != 0 }}{% endif %}"></div>
{% endif %}
{% if entity.layoutSettings.width.mobile.right|default(0) != 0 or entity.layoutSettings.width.tablet.right|default(0) != 0 or entity.layoutSettings.width.desktop.right|default(0) != 0 or entity.layoutSettings.width.desktopXL.right|default(0) != 0 %}
<div class="pt-{{ entity.layoutSettings.verticalSpace.columnPadding.top.right|default('0') }} pb-{{ entity.layoutSettings.verticalSpace.columnPadding.bottom.right|default('0') }} mt-{{ entity.layoutSettings.verticalSpace.columnMargin.top.right|default('0') }} mb-{{ entity.layoutSettings.verticalSpace.columnMargin.bottom.right|default('') }} {% if entity.layoutSettings.width.mobile.right|default(0) != 0 %}col-{{ entity.layoutSettings.width.mobile.right|default('0') }}{% endif %} {% if entity.layoutSettings.width.tablet.right|default(0) != 0 %}col-md-{{ entity.layoutSettings.width.tablet.right|default('0') }}{% endif %} {% if entity.layoutSettings.width.desktop.right|default(0) != 0 %}col-lg-{{ entity.layoutSettings.width.desktop.right|default('0') }}{% endif %} {% if entity.layoutSettings.width.desktopXL.right|default(0) != 0 %}col-xxl-{{ entity.layoutSettings.width.desktopXL.right|default('0') }}{% endif %}">
{% include 'front/blocks/block-image-text__button.twig' with { position: 'right' } %}
</div>
{% endif %}
</div>
</section>