<div class="card-collection" data-module="cardCollection" data-nba-instruction="{{nbaInstruction}}" data-sitecore-recommendation="{{sitecoreRecommendation}}" >
    <section class="grid-x grid-margin-x">
        {{#if title}}<h2 class="card-collection__title cell">{{{title}}}</h2>{{/if}}
        {{#if subtitle}}
            <div class="cell">
                <p class="card-collection__subtitle">{{{subtitle}}}</p>
            </div>
        {{/if}}
        {{#each cards}}
            <div class="card-collection__item cell medium-6 large-3">
                {{> @cp-card-standard hideTeaser=true}}
            </div>
        {{/each}}
        {{#if button}}
            <div class="cell card-collection__button">
                {{> @cp-button-primary url=button.url target=button.target text=button.text}}
            </div>
        {{/if}}
    </section>
</div>