.cookie {
  position: fixed;
  bottom: 20px;
  right: calc(50% - 880px);
  margin: auto;
  transform: translateY(-20px);
  transition: 0.4s transform;
  z-index: 99;
  max-width: 600px;
  color: var(--color4);
}

.cookie::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 36px;
  z-index: 1;
  border: 1px solid var(--color7);
  pointer-events: none;
}

.cookie__content {
  border-radius: 36px;
  background-color: var(--gradient1);
  padding: 15px 8px 8.62px 20px;
  gap: 10px;
}

@supports (backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px)) {
  .cookie__content {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: unset;
  }
}

@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  .cookie::after {
    border: 1px solid var(--color0);
    background: var(--gradient2) border-box;
    -webkit-mask: var(--gradient5) content-box, var(--gradient5);
    mask: var(--gradient5) content-box, var(--gradient5);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}

.cookie__button-close {
  position: absolute;
  right: 19px;
  top: 20px;
  cursor: pointer;
  z-index: 10;
}

.cookie__text {
  z-index: 10;
  padding-right: 44px;
}

.cookie_hide {
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}

.cookie a:hover {
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.cookie__button {
  z-index: 10;
  min-width: 170px;
}

@media screen and (max-width: 1789px) {
  .cookie {
    right: 14px;
  }
}

@media screen and (max-width: 1399px) {
  .cookie {
    max-width: 397px;
  }

  .cookie__button {
    min-width: 161px;
  }
}

@media (max-width: 1023px) {
  .cookie {
    max-width: 481px;
  }

  .cookie__content {
    padding-bottom: 8.44px;
  }
}

@media (max-width: 767px) {
  .cookie {
    max-width: 100%;
    right: 0;
    left: 0;
    margin: 0 15px;
  }

  .cookie__content {
    padding-bottom: 7.07px;
  }

  .cookie::after,
  .cookie__content {
    border-radius: 24px;
  }

  .cookie__button-close {
    right: 16px;
    top: 17px;
    width: 17px;
  }
}