<div class="cms-element-categories-head">
<span class="cms-category-headline">{{ element.config.headline.value }}</span>
{% if isSlider %}
<a href="{{ element.config.buttonUrl.value }}" class="btn is-outline d-flex align-items-center justify-content-between">
<span>{{ element.config.buttonText.value }}</span>
</a>
{% else %}
{% if block.slots|length > 7 %}
<button id="show-categories-button" class="btn is-outline d-flex align-items-center justify-content-between">
<span>{{ element.config.buttonText.value }}</span>
{% sw_icon 'arrow_up' style {
'namespace': 'Tuerschild_2',
'class': 'cms-category-headline-icon', }
%}
</button>
{% endif %}
{% endif %}
</div>