.cookie-notice {
  position: fixed;
  z-index: 700;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  width: min(920px, calc(100% - 36px));
  max-height: calc(100dvh - 36px);
  margin-inline: auto;
  padding: 22px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  color: #fff;
  background: #0a1d13;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
  font-family: "Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif;
}
.cookie-notice[hidden] { display: none !important; }
.cookie-notice__eyebrow { margin: 0 0 6px; color: #a7df8c; font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.cookie-notice h2 { margin: 0 0 9px; color: #fff; font-size: 1.16rem; line-height: 1.18; letter-spacing: -.02em; }
.cookie-notice h2:focus { outline: none; }
.cookie-notice__copy { max-width: 670px; margin: 0; color: rgba(255, 255, 255, .78); font-size: .76rem; line-height: 1.55; }
.cookie-notice__copy + .cookie-notice__copy { margin-top: 7px; }
.cookie-notice a { color: #fff; font-weight: 750; text-underline-offset: 3px; }
.cookie-notice__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.cookie-notice button { min-height: 44px; padding: 10px 15px; border: 1px solid rgba(255, 255, 255, .32); border-radius: 8px; color: #fff; background: transparent; font: inherit; font-size: .76rem; font-weight: 850; cursor: pointer; }
.cookie-notice button[data-cookie-accept] { border-color: rgba(255, 255, 255, .32); background: transparent; }
.cookie-notice button:hover { border-color: #81cb60; background: rgba(88, 181, 43, .14); }
.cookie-notice button:focus-visible, [data-cookie-settings]:focus-visible { outline: 3px solid #81cb60; outline-offset: 3px; }
[data-cookie-settings] { padding: 0; border: 0; color: inherit; background: none; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
@media (max-width: 700px) {
  .cookie-notice { right: 10px; bottom: 10px; left: 10px; grid-template-columns: minmax(0, 1fr); gap: 16px; width: calc(100% - 20px); padding: 18px; }
  .cookie-notice__actions { justify-content: stretch; }
  .cookie-notice button { flex: 1 1 140px; }
}