<div class="card-featured card-featured--offer bg-inverted js-card-generic" data-module="card" {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
    <a hhref="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="card-featured__anchor js-link">
        {{> @cp-medium-image responsiveImage}}
        <p class="card-featured__offer-badge js-offer-badge">{{offer.title}}</p>
        <div class="card-featured__overlay">
            <p class="card-featured__category js-category">{{offer.category}}</p>
            <h2 class="card-featured__title">{{{title}}}</h2>
            {{#if locationName}}
                <p class="card-featured__location">{{locationName}}</p>
            {{/if}}
            <p class="card-featured__offer js-offer">
                {{offer.beforeText}}
                {{offer.currency}}{{offer.amount}}
                {{offer.afterText}}
            </p>
            {{#if tags}}
                {{> @cp-hashtags tags}}
            {{/if}}
        </div>
    </a>
</div>