フリップ料金カード

<div class="d05-02-09-row">
          <div class="d05-02-09-card"><div class="d05-02-09-inner">
            <div class="d05-02-09-front"><div class="d05-02-09-n">フリー</div><div class="d05-02-09-p">¥0</div><div class="d05-02-09-h">詳細を見る</div></div>
            <div class="d05-02-09-back"><ul><li>1ユーザー</li><li>1GB</li><li>基本機能</li></ul></div>
          </div></div>
          <div class="d05-02-09-card d05-02-09-pop"><div class="d05-02-09-inner">
            <div class="d05-02-09-front"><div class="d05-02-09-n">スタンダード</div><div class="d05-02-09-p">¥980</div><div class="d05-02-09-h">詳細を見る</div></div>
            <div class="d05-02-09-back"><ul><li>5ユーザー</li><li>50GB</li><li>広告非表示</li><li>優先サポート</li></ul></div>
          </div></div>
          <div class="d05-02-09-card"><div class="d05-02-09-inner">
            <div class="d05-02-09-front"><div class="d05-02-09-n">プロ</div><div class="d05-02-09-p">¥2,980</div><div class="d05-02-09-h">詳細を見る</div></div>
            <div class="d05-02-09-back"><ul><li>無制限</li><li>500GB</li><li>API連携</li><li>専任担当</li></ul></div>
          </div></div>
        </div>

.d05-02-09-row{display:flex;gap:8px;width:100%}
        .d05-02-09-card{flex:1;height:140px;perspective:800px}
        .d05-02-09-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}
        .d05-02-09-card:hover .d05-02-09-inner{transform:rotateY(180deg)}
        .d05-02-09-front,.d05-02-09-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center}
        .d05-02-09-front{background:#fff}
        .d05-02-09-pop .d05-02-09-front{border-color:#6366f1;box-shadow:0 4px 14px rgba(99,102,241,.18)}
        .d05-02-09-n{font-size:11px;font-weight:700;color:#6b7280}
        .d05-02-09-p{font-size:18px;font-weight:800;color:#6366f1;margin:6px 0}
        .d05-02-09-h{font-size:9px;color:#9ca3af}
        .d05-02-09-back{background:#6366f1;color:#fff;transform:rotateY(180deg)}
        .d05-02-09-back ul{list-style:none;padding:0;margin:0;font-size:10px;line-height:1.9}