二段構成フッター(上部CTA+下部リンク)

<footer class="d01-08-04-ft">
          <div class="d01-08-04-cta">
            <span class="d01-08-04-cta-text">メルマガに登録してお得な情報を受け取る</span>
            <a href="#" class="d01-08-04-cta-btn">今すぐ登録</a>
          </div>
          <nav class="d01-08-04-nav">
            <a href="#">会社概要</a>
            <a href="#">サービス</a>
            <a href="#">ブログ</a>
            <a href="#">プライバシー</a>
          </nav>
          <div class="d01-08-04-copy">&copy; 2026 Two Tier Co.</div>
        </footer>

.prev.d01-08-04{padding:0;display:block}
        .d01-08-04-ft{height:100%;box-sizing:border-box;background:#101828;color:#cbd5e1;padding:18px 20px;font-size:11px;display:flex;flex-direction:column;justify-content:center;gap:12px}
        .d01-08-04-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}
        .d01-08-04-cta-text{color:#fff;font-size:11.5px;font-weight:600}
        .d01-08-04-cta-btn{flex-shrink:0;padding:7px 14px;border-radius:20px;background:#6366f1;color:#fff;text-decoration:none;font-size:10.5px;font-weight:700}
        .d01-08-04-nav{display:flex;flex-wrap:wrap;gap:14px}
        .d01-08-04-nav a{color:#94a3b8;text-decoration:none;font-size:10.5px}
        .d01-08-04-copy{color:#64748b;font-size:10px;text-align:right}