{{#if html}}
    {{#if isTearVariant}}
        <div class="offer-banner--has-tears">
            {{{html}}}
        </div>
    {{else}}
        <div class="offer-banner--no-tears">
            {{{html}}}
        </div>
    {{/if}}
{{else}}
    <div class="campaign-tout {{#if isTearVariant}}campaign-tout--has-tears{{/if}}" data-module="campaignTout">
        {{#if backgroundResponsiveImage}}
            <div class="campaign-tout__background">
                {{> @cp-medium-image backgroundResponsiveImage}}
            </div>
        {{/if}}
        <a href="{{button.url}}" class="campaign-tout__link">
            <div class="campaign-tout__inner">
                <div class="grid-container">
                    <div class="grid-x">
                        <div class="cell medium-7 large-5 {{#unless isTearVariant}}medium-offset-1{{/unless}}">
                            {{#if eyebrow}}
                                <p class="campaign-tout__eyebrow">{{eyebrow}}</p>
                            {{/if}}
                            {{#if timeSpan}}
                                <time class="campaign-tout__date" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>
                            {{/if}}
                            <h2 class="campaign-tout__title">{{title}}</h2>
                            <p class="campaign-tout__subtitle">{{subtitle}}</p>
                            {{#if locationName}}
                                <p class="campaign-tout__location">{{locationName}}</p>
                            {{/if}}
                            <div class="button-p1 button-p1--with-icon campaign-tout__fake-button">
                                <span>{{button.text}}</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
{{/if}}