<style>.offer-wrapper3 {
    max-width: 900px;
    margin: auto;
    /* padding: 10px; */
    font-family: Arial, sans-serif;
  }

  .offer-box3 {
    background: #fdb5cf;
    padding: 14px 16px;
    margin-bottom: 8px;
  }

  .offer-title3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #000;
  }

  .offer-code3 {
    font-size: 13px;
    color: #000;
  }

  .copy-code3 {
    display: inline-block;
    margin-left: 6px;
    padding: 4px 10px;
    border: 1px dashed #000;
    font-weight: 600;
    background: #fff;
    cursor: pointer;
  }

  .copy-code3.copied {
    background: #000;
    color: #fff;
    border-color: #000;
  }

  /* Mobile Responsive */
  @media (max-width: 600px) {
    .offer-title3 {
      font-size: 13px;
    }

    .offer-code3 {
      font-size: 12px;
    }
  }</style><div class="offer-wrapper3">

  <div class="offer-box3">
    <div class="offer-title3">
      🐝 Buy 1, Get 10% OFF (Prepaid Only)
    </div>
    <div class="offer-code3">
      Use Code:
      <span class="copy-code3" onclick="copyCode(this)">buy1</span>
    </div>
  </div>

  <div class="offer-box3">
    <div class="offer-title3">
      🛒 Buy 2, Get 15% OFF (Prepaid Only)
    </div>
    <div class="offer-code3">
      Use Code:
      <span class="copy-code3" onclick="copyCode(this)">buy2</span>
    </div>
  </div>

  <div class="offer-box3">
    <div class="offer-title3">
      🎉 Buy 3, Get 20% OFF (COD & Prepaid)
    </div>
    <div class="offer-code3">
      Use Code:
      <span class="copy-code3" onclick="copyCode(this)">buy3</span>
    </div>
  </div>

</div> <script type="litespeed/javascript">function copyCode(el){const code=el.innerText;navigator.clipboard.writeText(code);el.classList.add("copied");el.innerText="Copied!";setTimeout(()=>{el.classList.remove("copied");el.innerText=code},1500)}</script>