.cookie-consent {
  position: fixed;
  z-index: 100;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  left: auto;
  width: min(30rem, calc(100vw - 2rem));
  padding: 1rem;
  border: 1px solid rgba(227, 184, 12, .42);
  background: rgba(9, 11, 10, .98);
  box-shadow: 0 20px 70px rgba(0, 0, 0, .45);
  color: #f3f3de;
}
.cookie-consent__title { margin: 0; font-weight: 800; font-size: 1rem; }
.cookie-consent__text { margin: .45rem 0 0; color: rgba(243, 243, 222, .7); font-size: .86rem; line-height: 1.5; }
.cookie-consent__text a { color: inherit; text-underline-offset: 3px; }
.cookie-consent__actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .85rem; }
.cookie-consent__button { min-height: 2.65rem; padding: .55rem .85rem; border: 1px solid rgba(243, 243, 222, .34); background: transparent; color: #f3f3de; font: inherit; font-weight: 700; cursor: pointer; }
.cookie-consent__button--accept { border-color: #e3b80c; background: #e3b80c; color: #141611; }
@media (max-width: 560px) {
  .cookie-consent { right: 1rem; left: 1rem; width: auto; }
  .cookie-consent__actions > * { flex: 1; }
}