offer

<style>
    .promo-container {
        width: 100%;
        /* max-width: 480px; */
        margin: 0 auto;
        font-family: sans-serif;
    }

    .promo-box {
        border-bottom: 1px solid #d8d8d8;
        padding: 15px 0;
    }

    .promo-title {
        text-transform: uppercase;
        font-weight: 600;
        color: #212121;
        margin: 0 0 5px;
        font-size: 16px;
        letter-spacing: .2px;
    }

    .promo-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .promo-text {
        width: 75%;
        color: #757575;
        margin: 0;
        font-size: 14px;
    }

    .promo-action {
        width: 25%;
        text-align: right;
        color: #e83647;
        font-weight: 600;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
    }

    .promo-action:hover {
        opacity: 0.7;
    }

    @media (max-width: 480px) {
        .promo-row {
            flex-direction: column;
            gap: 10px;
        }

        .promo-text,
        .promo-action {
            width: 100%;
            text-align: left;
        }
    }
</style>

<div class="promo-container">

    <!-- Offer 1 -->
    <div class="promo-box">
        <p class="promo-title">HAPPY15</p>
        <div class="promo-row">
            <p class="promo-text">Get Flat 15% OFF on your order. (T&C Applied)</p>
            <p class="promo-action" onclick="copyCode('HAPPY15')">COPY CODE</p>
        </div>
    </div>

    <!-- Offer 2 -->
    <div class="promo-box">
        <p class="promo-title">PRICE MATCH PROMISE</p>
        <div class="promo-row">
            <p class="promo-text">
                If you find the product for less we'll match it!
                <a href="https://raabtaatelier.com/pages/terms-conditions" target="_blank" style="color:#e83647;">
                    (T&C Applied)
                </a>
            </p>
            <p class="promo-action">KNOW MORE</p>
        </div>
    </div>

</div>

<script>
    function copyCode(code) {
        navigator.clipboard.writeText(code);
        alert("Coupon Code '" + code + "' Copied!");
    }
</script>