{{{customeditframe.editframeStart}}}
{{#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}}
{{{customeditframe.editframeStop}}}