.cookie-consent {
  position: fixed;
  right: 20px;
  bottom: 20px;
  max-width: 360px;
  z-index: 9999;
  display: none;                /* hidden by default */
  transform: translateX(120%);  /* off-screen to the right */
  opacity: 0;
  transition: transform 0.45s ease, opacity 0.45s ease;
  font-family: Arial, sans-serif;
}

.cookie-consent.show {
  display: block;               /* made visible then animated in */
  transform: translateX(0);
  opacity: 1;
}

.cookie-consent.hide {
  transform: translateX(120%);  /* animate out to right */
  opacity: 0;
}

/* inner styling */
.cookie-consent__inner {
  background: #0b2a43;
  color: #fff;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(2,6,23,0.45);
}

.cookie-consent__text { font-size:14px; line-height:1.4; margin-bottom:10px; }
.cookie-consent__text a { color: #fff; text-decoration: underline; }

.cookie-consent__actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.btn { padding:8px 14px; border-radius:6px; border:none; cursor:pointer; font-size:14px; }
.btn--primary { background:#ff6a00; color:#fff; }
.btn--secondary { background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.18); }