{%- if editmode -%}

    {%- for i in pimcore_block('ctaBlock').iterator() -%}

        <div class="ms-40">

            <div class="row">
                <div class="col-3">
                    <div class="h6">Color</div>
                    {{ pimcore_select("color", {
                        "store": select_editables_store.theme_colors,
                        "defaultValue": "body"
                    }) }}
                </div>
            </div>

            {{ pimcore_link('cta') }}

        </div>

    {%- endfor -%}

{%- else -%}

    {%- if pimcore_block('ctaBlock').count > 0 -%}

        <div class="d-flex justify-content-{{ alignment }} gap-20">

            {%- for i in pimcore_block('ctaBlock').iterator() -%}

                {%- if not pimcore_link('cta').empty -%}

                    {%- set cta = pimcore_link('cta') -%}

                    {%- set blank = cta.target == '_blank' -%}
                    {%- set aria_label = (cta.title | default(cta.text)) ~ ('general.open_new_tab' | trans) -%}

                    {{- pimcore_link('cta', {
                        class: 'cta text-' ~ pimcore_select('color').data,
                        'aria-label': blank ? aria_label : null,
                        title: null
                        }) | raw
                    -}}
                {%- endif -%}

            {%- endfor -%}

        </div>

    {%- endif -%}

{%- endif -%}