.cookie-banner {
  position: fixed;
  z-index: 9999;
  right: 18px;
  bottom: 18px;
  width: min(520px, calc(100% - 36px));
  padding: 20px;
  color: #fff;
  background: #07101d;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .32);
}

.cookie-banner[hidden] { display: none; }
.cookie-banner strong { display: block; margin-bottom: 7px; font-size: 18px; }
.cookie-banner p { margin: 0; color: #d7dfeb; font-size: 14px; line-height: 1.55; }
.cookie-banner a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.cookie-action {
  min-height: 44px;
  padding: 0 16px;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}
.cookie-action.accept { background: #c94b00; border-color: #c94b00; }
.cookie-action:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.footer-cookie-link {
  appearance: none;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 540px) {
  .cookie-banner { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 18px; }
  .cookie-actions { display: grid; grid-template-columns: 1fr; }
  .cookie-action { width: 100%; }
}