<div class="card-featured bg-inverted search-featured-card" data-module="card">
    {{> @cp-medium-image responsiveImage}}
    <div class="card-featured__overlay">
        <div class="card-featured__overlay-inner">
            <div class="grid-x grid-padding-x">
                <div class="cell medium-10 medium-offset-1 large-8 large-offset-2">
                    <p class="card-featured__page-type">{{category}}</p>
                </div>
            </div>
            <div class="grid-x grid-padding-x">
                <div class="cell medium-10 medium-offset-1 large-8 large-offset-2">
                    <h2 class="card-featured__title">{{title}}</h2>
                    {{#if locationName}}
                        <p class="card-featured__location">{{locationName}}</p>
                    {{/if}}
                    {{> @cp-button-secondary target=link.target url=link.url text=link.text modifier="with-icon" }}
                </div>
            </div>
        </div>
    </div>
</div>