Adbutler Offer Banner

<div class="campaign-tout loaded" data-module="campaignTout">
    <div class="campaign-tout__background">
        <figure class="image js-image loaded" data-module="imagelazy">
            <picture class="image__container" style="opacity: 1; visibility: inherit;">
                <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" />
            </picture>
        </figure>
    </div>
    <a href="[%OfferLink%]" class="campaign-tout__link">
        <div class="campaign-tout__inner">
            <div class="grid-container">
                <div class="grid-x">
                    <div class="cell medium-7 large-5 medium-offset-1">
                        <p class="campaign-tout__eyebrow">[%OfferBanner%]</p>
                        <time class="campaign-tout__date">[%Eyebrow - Category%]</time>
                        <h2 class="campaign-tout__title">[%Title%]</h2>
                        <p class="campaign-tout__subtitle">[%Description%]</p>
                        <p class="campaign-tout__location">[%Location%]</p>
                        <div class="button-p1 button-p1--with-icon campaign-tout__fake-button">
                            <span>
                                [%CTAText%]
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </a>
</div>
<div class="campaign-tout campaign-tout--has-tears loaded" data-module="campaignTout">
    <div class="campaign-tout__background">
        <figure class="image js-image loaded" data-module="imagelazy">
            <picture class="image__container" style="opacity: 1; visibility: inherit;">
                <img class="js-image-lazyload js-fallback-image loaded" src="[%ImageURL%]" alt="[%Title%]" />
            </picture>
        </figure>
    </div>
    <a href="[%OfferLink%]" class="campaign-tout__link">
        <div class="campaign-tout__inner">
            <div class="grid-container">
                <div class="grid-x">
                    <div class="cell medium-7 large-5">
                        <p class="campaign-tout__eyebrow">[%OfferBanner%]</p>
                        <time class="campaign-tout__date">[%Eyebrow - Category%]</time>
                        <h2 class="campaign-tout__title">[%Title%]</h2>
                        <p class="campaign-tout__subtitle">[%Description%]</p>
                        <p class="campaign-tout__location">[%Location%]</p>
                        <div class="button-p1 button-p1--with-icon campaign-tout__fake-button">
                            <span>
                                [%CTAText%]
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </a>
</div>