チェック済み項目に取り消し線が入ったチェックリスト

<ul class="d04-15-11-list">
          <li class="d04-15-11-row checked"><span class="d04-15-11-box"></span><span class="d04-15-11-label">利用規約を確認した</span></li>
          <li class="d04-15-11-row checked"><span class="d04-15-11-box"></span><span class="d04-15-11-label">アンケートに回答した</span></li>
          <li class="d04-15-11-row"><span class="d04-15-11-box"></span><span class="d04-15-11-label">クーポンを受け取る</span></li>
        </ul>

.d04-15-11-list{list-style:none;margin:0;padding:0;width:100%;max-width:230px}
        .d04-15-11-row{display:flex;align-items:center;gap:10px;padding:7px 0}
        .d04-15-11-box{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;background:#fff;position:relative;display:inline-block;flex:none}
        .d04-15-11-row.checked .d04-15-11-box{border-color:#94a3b8;background:#94a3b8}
        .d04-15-11-row.checked .d04-15-11-box::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)}
        .d04-15-11-label{font-size:12.5px;color:#334155}
        .d04-15-11-row.checked .d04-15-11-label{text-decoration:line-through;color:#94a3b8}