.cookie-notice[hidden] {
  display: none;
}

.cookie-notice {
  --cookie-width: clamp(20.1875rem, calc(51.23596vw + 7.69874rem), 48.6875rem);
  --cookie-height: clamp(3.25rem, calc(-0.89888vw + 3.9691rem), 3.75rem);
  --cookie-gap: clamp(0.1875rem, calc(0.33708vw + 0.10534rem), 0.375rem);
  --cookie-padding-block: clamp(0.3125rem, calc(0.33708vw + 0.23034rem), 0.5rem);
  --cookie-padding-inline-end: clamp(0.4375rem, calc(0.44944vw + 0.32795rem), 0.6875rem);
  --cookie-padding-inline-start: clamp(0.75rem, calc(1.1236vw + 0.47612rem), 1.375rem);
  --cookie-radius: clamp(0.56474rem, calc(0.85445vw + 0.35647rem), 1.04003rem);
  --cookie-border: clamp(0.03054rem, calc(0.04622vw + 0.01927rem), 0.05625rem);
  --cookie-shadow-y: clamp(0.23531rem, calc(0.35603vw + 0.14853rem), 0.43335rem);
  --cookie-shadow-blur: clamp(5.88271rem, calc(8.90055vw + 3.7132rem), 10.83364rem);
  --cookie-blur: clamp(0.09413rem, calc(0.1424vw + 0.05942rem), 0.17334rem);
  --cookie-message-font-size: clamp(0.5625rem, calc(0.33708vw + 0.48034rem), 0.75rem);
  --cookie-button-width: clamp(3.6875rem, calc(5.61798vw + 2.31812rem), 6.8125rem);
  --cookie-button-height: clamp(1.6875rem, calc(0.44944vw + 1.57795rem), 1.9375rem);
  --cookie-button-border: clamp(0.02328rem, calc(0.03524vw + 0.01469rem), 0.04288rem);
  --cookie-button-radius: clamp(0.55876rem, calc(0.84539vw + 0.3527rem), 1.02901rem);
  --cookie-button-blur: clamp(0.09313rem, calc(0.14089vw + 0.05879rem), 0.1715rem);
  --cookie-button-font-size: clamp(0.47513rem, calc(0.71887vw + 0.29991rem), 0.875rem);
  position: fixed;
  z-index: 15;
  top: 42.5641vw;
  left: calc(50% - 0.03125rem);
  display: flex;
  gap: var(--cookie-gap);
  align-items: center;
  width: var(--cookie-width);
  height: var(--cookie-height);
  padding: var(--cookie-padding-block) var(--cookie-padding-inline-end) var(--cookie-padding-block) var(--cookie-padding-inline-start);
  border-radius: var(--cookie-radius);
  background: linear-gradient(
    90deg,
    rgb(5 5 5 / 20%) 0%,
    rgb(10 10 10 / 19%) 50%,
    rgb(18 13 4 / 18%) 100%
  );
  box-shadow:
    inset 0 0 0 var(--cookie-border) #fdac09,
    0 var(--cookie-shadow-y) var(--cookie-shadow-blur) rgb(0 0 0 / 45%);
  backdrop-filter: blur(var(--cookie-blur));
  transform: translateX(-50%);
}

.cookie-notice__message {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: var(--cookie-message-font-size);
  font-weight: 400;
  line-height: normal;
}

.cookie-notice__accept {
  position: relative;
  display: flex;
  flex: 0 0 var(--cookie-button-width);
  align-items: center;
  justify-content: center;
  width: var(--cookie-button-width);
  height: var(--cookie-button-height);
  padding: 0;
  border: var(--cookie-button-border) solid #fdac09;
  border-radius: var(--cookie-button-radius);
  background: linear-gradient(
    90deg,
    rgb(253 172 9 / 55%) 0%,
    rgb(253 172 9 / 51%) 50%,
    rgb(253 172 9 / 48%) 100%
  );
  box-shadow: inset 0 var(--cookie-button-border) var(--cookie-button-border) #fdac09;
  backdrop-filter: blur(var(--cookie-button-blur));
  color: #000;
  cursor: pointer;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: var(--cookie-button-font-size);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: normal;
  text-align: center;
}

.cookie-notice__accept::before {
  position: absolute;
  min-width: 100%;
  min-height: 2.75rem;
  content: "";
}

.cookie-notice__accept:focus-visible {
  outline: 2px solid var(--color-gold-soft);
  outline-offset: 3px;
}

@media (max-width: 24.3125rem) {
  .cookie-notice {
    --cookie-width: 82.82051vw;
    --cookie-height: 15.38462vw;
    --cookie-gap: 0.76923vw;
    --cookie-padding-block: 1.28205vw;
    --cookie-padding-inline-end: 1.79487vw;
    --cookie-padding-inline-start: 3.07692vw;
    --cookie-radius: 2.31688vw;
    --cookie-border: 0.12529vw;
    --cookie-shadow-y: 0.96537vw;
    --cookie-shadow-blur: 24.1342vw;
    --cookie-blur: 0.38617vw;
    --cookie-message-font-size: 2.30769vw;
    --cookie-button-width: 15.12821vw;
    --cookie-button-height: 6.92308vw;
    --cookie-button-border: 0.09551vw;
    --cookie-button-radius: 2.29235vw;
    --cookie-button-blur: 0.38207vw;
    --cookie-button-font-size: 1.94925vw;
    top: 42.5641vw;
    left: 50%;
  }
}

@media (min-width: 64rem) {
  .cookie-notice {
    top: auto;
    right: auto;
    bottom: 0.859375vw;
    left: 3.671875vw;
    transform: none;
  }
}

@media (min-width: 80rem) {
  .cookie-notice {
    --cookie-width: 60.859375vw;
    --cookie-height: 4.0625vw;
    --cookie-gap: 0.46875vw;
    --cookie-padding-block: 0.625vw;
    --cookie-padding-inline-end: 0.859375vw;
    --cookie-padding-inline-start: 1.71875vw;
    --cookie-radius: 1.30004vw;
    --cookie-border: 0.07031vw;
    --cookie-shadow-y: 0.54169vw;
    --cookie-shadow-blur: 13.54205vw;
    --cookie-blur: 0.21668vw;
    --cookie-message-font-size: 0.9375vw;
    --cookie-button-width: 8.515625vw;
    --cookie-button-height: 2.421875vw;
    --cookie-button-border: 0.0536vw;
    --cookie-button-radius: 1.28626vw;
    --cookie-button-blur: 0.21438vw;
    --cookie-button-font-size: 1.09375vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-notice,
  .cookie-notice__accept {
    transition: none;
  }
}