<div class="icon-and-text-block-collection" data-module="iconAndTextBlockCollection">
    <div class="grid-container">
        <div class="icon-and-text-block-collection__title">
            {{title}}
        </div>
        <div class="icon-and-text-block-collection__subtitle">
            {{{subtitle}}}
        </div>
        <div class="icon-and-text-block-collection__button">
            {{> @cp-button-secondary target=button.target url=button.url cssClasses="button-p2--with-icon" text=button.text}}
        </div>
        <div class="icon-and-text-block-collection__grid grid-x grid-margin-x">
            {{#each blocks}}
                <div class="icon-and-text-block-collection__block cell medium-4 large-4">
                    <div class="icon-and-text-block-collection__block-icon">
                        {{{icon}}}
                    </div>
                    <div class="icon-and-text-block-collection__block-title">
                        {{title}}
                    </div>
                    <div class="icon-and-text-block-collection__block-subtitle">
                        {{{subtitle}}}
                    </div>
                </div>
            {{/each}}
        </div>
    </div>
</div>