:root {
  --cc-font-family: "Open Sans", sans-serif;
  --cc-btn-primary-bg: #182044;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: transparent;
  --cc-btn-primary-hover-bg: #f1a837;
  --cc-btn-primary-hover-color: #182044;
  --cc-btn-primary-hover-border-color: transparent;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #182044;
  --cc-btn-secondary-border-color: #182044;
  --cc-btn-secondary-hover-bg: #182044;
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: #182044;
  --cc-text-font-size: 1.6rem;
  --cc-heading-font-size: 2.4rem;
  --cc-nessesary-button-display: none;
}
:root #cc-main {
  font-size: var(--cc-text-font-size);
}
:root #cc-main .cm--box.cm--wide {
  max-width: 40em;
}
:root #cm__desc {
  padding-left: 8em;
  background: url(../img/cookies.svg) 1.3rem 0.5em/6em auto no-repeat;
}
:root #cm__desc strong {
  color: #000;
}
:root #cm__desc a {
  color: #182044;
  text-decoration: underline;
}
:root #cm__title {
  font-size: var(--cc-heading-font-size);
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #182044;
}
:root .cm__btn[data-role=necessary] {
  display: var(--cc-nessesary-button-display) !important;
}
@media screen and (max-width: 640px) {
  :root #cm__desc {
    background: none;
  }
}

.footer .copyright .footer__links {
  font-size: 1.4rem;
  color: #a0a6bf;
}

@media screen and (max-width: 720px) {
  .footer .copyright .footer__links {
    text-align: center;
    padding-bottom: 1rem;
  }
}