権限拒否後の再許可誘導画面

<div class="d11-13-09-wrap">
          <span class="d11-13-09-tag">現在: 拒否中</span>
          <div class="d11-13-09-icon">
            <svg width="34" height="34" viewBox="0 0 24 24" fill="none"><path d="M12 3a5 5 0 0 0-5 5v3.2c0 .6-.2 1.1-.6 1.6L5 15h14l-1.4-2.2c-.4-.5-.6-1-.6-1.6V8a5 5 0 0 0-5-5Z" stroke="#dc2626" stroke-width="1.6" stroke-linejoin="round"/><line x1="4" y1="4" x2="20" y2="18" stroke="#dc2626" stroke-width="1.8" stroke-linecap="round"/></svg>
          </div>
          <div class="d11-13-09-title">通知がオフになっています</div>
          <p class="d11-13-09-text">設定アプリから通知を有効にすると、最新情報をすぐに受け取れます</p>
          <span class="d11-13-09-btn">設定を開く</span>
        </div>

.d11-13-09-wrap{ text-align:center; position:relative; }
        .d11-13-09-tag{
          display:inline-block; margin-bottom:14px; padding:4px 12px; border-radius:999px;
          background:#fef2f2; color:#dc2626; font-size:10px; font-weight:800; letter-spacing:.5px;
        }
        .d11-13-09-icon{
          width:64px; height:64px; border-radius:50%; margin:0 auto 12px; background:#fef2f2;
          display:flex; align-items:center; justify-content:center; border:2px solid #fecaca;
        }
        .d11-13-09-title{ font-size:14.5px; font-weight:800; color:#1f2937; }
        .d11-13-09-text{ margin:8px auto 0; max-width:220px; font-size:11.5px; color:#6b7280; line-height:1.6; }
        .d11-13-09-btn{
          display:inline-block; margin-top:16px; padding:10px 28px; border-radius:999px;
          background:#dc2626; color:#fff; font-size:12px; font-weight:700;
        }