EC・商品
切り取り線クーポン
ミシン目（半円の切り欠き＋破線）で仕切られたチケット型クーポン。「コードを表示」でクーポンコードがめくれて現れ、タップでコピー完了に変わる。
プレビュー
クリック
操作クリック／タップで動きます。
実装メモ
左右のスタブを破線と半円の切り欠きで仕切ったチケット型クーポンです。半円は紙色（#fbf6ec）の円を疑似要素で重ねてくり抜き表現にしているので、実ページでは背景色に合わせて circle の色を変えてください。コードは1タップで表示、もう1タップでコピー完了へ。EC販促で頻出のビジュアルモチーフです。
コード（コピーして使えます）
<div class="ct-ticket">
<div class="ct-stub">
<span class="ct-off">20<small>%</small></span>
<span class="ct-off-label">OFF</span>
</div>
<div class="ct-body">
<p class="ct-title">初回購入クーポン</p>
<p class="ct-desc">3,000円以上の購入で利用可（7/31まで）</p>
<button class="ct-code" id="ct-code" data-code="HELLO20">
<span class="ct-code-label" id="ct-code-label">タップしてコードを表示</span>
</button>
</div>
</div>