Attentive Checkout Updates

Settings

Code via Attentive

<script src="https://cdn.attn.tv/checkout/checkout.js" defer></script>
<script src="https://cdn.attn.tv/lillap/dtag.js"></script>
<style type="text/css">
    .section__content.section__content__attentive {
        border-radius: 4px;
        background-color: #fafafa;
        border: solid 1px #e6e6e6;
        padding: 12px;
    }
    .section__content.section__content__attentive .input-checkbox {
        background: #fff;
    }
    .section__footer__attentive {
        font-size: 9px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding-top: 4px;
    }
    .section__footer__attentive a {
        color: #000000;
        text-decoration: underline;
    }
    .section__footer__attentive b {
        font-weight: bold;
    }
    .checkbox__label.checkbox__label__attentive {
        cursor: auto;
        margin-left: 0.75em;
    }
    .checkbox__label__attentive__header {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: left;
        color: #333333;
    }
    .checkbox__label__attentive__subheader {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: left;
        color: #737373;
        padding-top: 4px;
    }
    .checkbox-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: baseline;
    }
</style>
<div id="attentiveOptIn" class="fieldset-description" data-buyer-accepts-marketing-attentive="" aria-label="Phone Sign Up">
    <div class="section__content section__content__attentive">
        <div class="checkbox-wrapper">
            <div class="checkbox__input">
                <input name="attributes[buyer_accepts_marketing_attentive]" type="hidden" value="0">
                <input class="input-checkbox" data-backup="buyer_accepts_marketing" type="checkbox" value="1" name="attributes[buyer_accepts_marketing_attentive]" id="checkout_buyer_accepts_marketing_attentive" aria-labelledby="headers" tabindex="0" focusable="true">
            </div>
            <div class="checkbox__label checkbox__label__attentive">
                <span id="headers" tabindex="0" focusable="true">
                    <div class="checkbox__label__attentive__header">Get 15% off your next order</div>
                    <div class="checkbox__label__attentive__subheader">Sign up to get texts from Lilla P and we'll text you a coupon code</div>
                </span>
                <div class="section__footer__attentive">By checking this box, you agree to receive recurring automated promotional and personalized marketing text messages <b>(e.g. cart reminders)</b> from Lilla P at the cell number used when signing up. Consent is not a condition of any purchase. <b>Reply HELP for help and STOP to cancel.</b> Msg frequency varies. Msg & data rates may apply. View <a href="http://attn.tv/lillap/terms.html" target="_blank" rel="noopener noreferrer" aria-label="Lilla P Terms Link" >Terms</a> &amp; <a href="https://lillap.com/pages/privacy-policy" target="_blank" rel="noopener noreferrer" aria-label="Lilla P Privacy Link">Privacy</a>.</div>
            </div>
        </div>
    </div>
</div>