Cookie同意バナー(許可/拒否/詳細設定)

<div class="d11-13-04-page">
          <div class="d11-13-04-line"></div>
          <div class="d11-13-04-line short"></div>
        </div>
        <div class="d11-13-04-banner">
          <p class="d11-13-04-text">当サイトでは利便性向上のためCookieを使用しています。詳細はプライバシーポリシーをご確認ください。</p>
          <div class="d11-13-04-btns">
            <span class="d11-13-04-btn d11-13-04-btn-outline">詳細設定</span>
            <span class="d11-13-04-btn d11-13-04-btn-outline">拒否</span>
            <span class="d11-13-04-btn d11-13-04-btn-strong">許可する</span>
          </div>
        </div>

.d11-13-04-page{ padding:8px 6px; }
        .d11-13-04-line{ height:8px; border-radius:4px; background:#f1f5f9; margin-bottom:10px; }
        .d11-13-04-line.short{ width:60%; }
        .d11-13-04-banner{
          position:absolute; left:0; right:0; bottom:0; background:#1f2937;
          padding:14px 16px 16px; border-top:1px solid #111827;
        }
        .d11-13-04-text{ font-size:10.5px; color:#e5e7eb; line-height:1.6; margin:0; }
        .d11-13-04-btns{ display:flex; gap:8px; margin-top:12px; }
        .d11-13-04-btn{
          flex:1; text-align:center; padding:8px 0; border-radius:8px;
          font-size:11px; font-weight:700;
        }
        .d11-13-04-btn-outline{ background:transparent; color:#e5e7eb; border:1px solid #4b5563; }
        .d11-13-04-btn-strong{ background:#facc15; color:#1f2937; }