GDPR Cookie Notice Builder

<!-- GDPR Cookie Notice | Generated by Blogsepaise -->
<style>
  :root {
    --cn-bg: #1a1a1a;
    --cn-text: #f1f1f1;
    --cn-border: #333;
  }
  #cookie-notice {
    position: fixed; z-index: 99999; bottom: 0; left: 0; right: 0; width: 100%;
    background: var(--cn-bg);
    color: var(--cn-text);
    border-top: 2px solid #333;
    border-bottom: none;
    box-shadow: 0 8px 40px rgba(0,0,0,0.22);
    padding: 1rem 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    box-sizing: border-box;
  }
  #cookie-notice *, #cookie-notice *::before, #cookie-notice *::after {
    box-sizing: border-box;
  }
  #cn-accept:hover, #cn-reject:hover { opacity: 0.82; }
  .cn-slider:before { content:""; position:absolute; height:15px; width:15px; left:3px; bottom:3px; background:white; border-radius:50%; transition:0.2s; }
input:checked + .cn-slider { background: #7008e7; }
input:checked + .cn-slider:before { transform: translateX(17px); }
@keyframes __cn_slide {
  from { opacity: 0; transform: translateY(100%); }
  to { opacity: 1; transform: translateY(0); }
}
#cookie-notice { animation: __cn_slide 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
</style>


<div id="cookie-notice" role="dialog" aria-label="Cookie consent" aria-live="polite">
  <div style="display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;">
        <div style="flex:1;min-width:240px;">
          
          <span style="font-size:15px;color:var(--cn-text);line-height:1.6;opacity:0.9;">We use cookies and similar technologies to improve your browsing experience, analyse site traffic, and personalise content. By clicking Accept, you consent to our use of cookies. <a href="/privacy-policy" style="color:#7008e7;text-decoration:underline;font-size:0.85em;" target="_blank" rel="noopener noreferrer">Privacy Policy</a></span>
        </div>
        <div style="display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;flex-shrink:0;">
          <button id="cn-accept" onclick="cnDismiss('accepted')" style="display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.85rem; font-weight: 600; padding: 0.5rem 1.1rem; border-radius: 8px; transition: opacity 0.15s, background 0.15s; text-decoration: none; white-space: nowrap; background: #7008e7; color: #ffffff; border: 2px solid #7008e7;">Accept All</button>
          <button id="cn-reject" onclick="cnDismiss('rejected')" style="display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0.85rem; font-weight: 600; padding: 0.5rem 1.1rem; border-radius: 8px; transition: opacity 0.15s, background 0.15s; text-decoration: none; white-space: nowrap; background: transparent; color: var(--cn-text); border: 2px solid var(--cn-border);">Reject Non-Essential</button>
          
        </div>
      </div>
</div>

<script>
(function() {
  var STORAGE_KEY = 'cn_consent';
  function cnDismiss(choice) {
    try { localStorage.setItem(STORAGE_KEY, JSON.stringify({ choice: choice, ts: Date.now() })); } catch(e) {}
    var el = document.getElementById('cookie-notice');
    if (el) el.remove();
    var ov = document.getElementById('cookie-overlay');
    if (ov) ov.remove();
    if (typeof window.cnCallback === 'function') window.cnCallback(choice);
  }
  window.cnDismiss = cnDismiss;
  try {
    var stored = localStorage.getItem(STORAGE_KEY);
    if (stored) {
      var data = JSON.parse(stored);
      var age = Date.now() - (data.ts || 0);
      if (age < 365 * 24 * 60 * 60 * 1000) {
        var el = document.getElementById('cookie-notice');
        if (el) el.remove();
        var ov = document.getElementById('cookie-overlay');
        if (ov) ov.remove();
      }
    }
  } catch(e) {}
})();
</script>
<!-- End GDPR Cookie Notice -->