TikTok風縦型動画埋め込みカード

<div class="d06-15-05-card">
          <div class="d06-15-05-icons">
            <span class="d06-15-05-icon"><svg viewBox="0 0 24 24" width="13" height="13" fill="#fff"><path d="M12 21s-7-4.6-9.3-8.4C1 9.3 2.7 6 6 6c2 0 3.2 1.2 4 2.3C10.8 7.2 12 6 14 6c3.3 0 5 3.3 3.3 6.6C19 16.4 12 21 12 21z"/></svg><span class="d06-15-05-count">32.1k</span></span>
            <span class="d06-15-05-icon"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="#fff" stroke-width="2"><path d="M21 11.5a8.4 8.4 0 01-8.5 8.4H4l3-3.2a8.4 8.4 0 1114-5.2z"/></svg><span class="d06-15-05-count">640</span></span>
            <span class="d06-15-05-icon"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="#fff" stroke-width="2"><path d="M7 7h8v3l4-4-4-4v3H5v6h2V7zm10 10H9v-3l-4 4 4 4v-3h12v-6h-2v4z"/></svg><span class="d06-15-05-count">1.5k</span></span>
          </div>
          <div class="d06-15-05-bottom">
            <div class="d06-15-05-user">@studio_kobo</div>
            <div class="d06-15-05-caption">木工の小箱づくり、仕上げ工程だけ切り出しました。</div>
          </div>
        </div>

.d06-15-05-card{ position:relative; width:130px; height:210px; border-radius:14px; background:linear-gradient(160deg,#1a1a2e,#4a2545,#1a1a2e); overflow:hidden; margin:0 auto; }
        .d06-15-05-icons{ position:absolute; right:8px; bottom:44px; display:flex; flex-direction:column; gap:10px; align-items:center; }
        .d06-15-05-icon{ display:flex; flex-direction:column; align-items:center; }
        .d06-15-05-count{ font-size:7.5px; color:#fff; margin-top:2px; }
        .d06-15-05-bottom{ position:absolute; left:10px; right:38px; bottom:10px; color:#fff; }
        .d06-15-05-user{ font-size:10px; font-weight:700; margin-bottom:3px; }
        .d06-15-05-caption{ font-size:8.5px; line-height:1.4; }