discount

<div class="after-title-discount">
  ✨ Get <strong>10% Discount</strong> at Prepaid Order 
</div>

<style>
  .after-title-discount {
    margin-top: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;                   /* dark text for light background */
    background: #f9fafb;              /* light gray background */
    border: 1px solid #e5e7eb;        /* soft border */
    border-radius: 6px;               /* subtle rounded corners */
    display: inline-block;
  }

  .after-title-discount:hover {
    background: #f3f4f6;              /* slightly darker on hover */
    transition: background 0.2s ease;
  }
</style>