:root {
  --cc-font-family: "Lato", system-ui, sans-serif;
  --cc-bg: #fffaf7;
  --cc-primary-color: #33281f;
  --cc-secondary-color: #6f6258;
  --cc-btn-primary-bg: #7a5c10;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #62490c;
  --cc-btn-secondary-bg: #f2e8dd;
  --cc-btn-secondary-color: #33281f;
  --cc-btn-secondary-hover-bg: #e8d9ca;
  --cc-btn-secondary-border-color: #d8c8b9;
  --cc-footer-bg: #fffaf7;
  --cc-footer-border-color: #eadfd5;
  --cc-separator-border-color: #e3d5c7;
  --cc-toggle-on-bg: #7a5c10;
  --cc-toggle-off-bg: #b7aaa0;
  --cc-cookie-category-block-bg: #f7efe7;
  --cc-cookie-category-block-hover-bg: #f1e4d8;
  --cc-overlay-bg: rgba(27, 20, 15, .72);
  --cc-modal-border-radius: 18px;
  --cc-btn-border-radius: 12px;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(122, 92, 16, .16);
  box-shadow: 0 28px 80px rgba(45, 31, 20, .28);
}

#cc-main .cm--box.cm--wide {
  max-width: 29rem;
}

#cc-main .cm__texts {
  padding-top: 1.65rem;
}

#cc-main .cm__title,
#cc-main .cm__desc,
#cc-main .cm__btns,
#cc-main .cm__links {
  padding-left: 1.65rem;
  padding-right: 1.65rem;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing: -.02em;
}

#cc-main .cm__title {
  color: #2d2119;
  font-size: 1.25rem;
  line-height: 1.25;
}

#cc-main .cm__title + .cm__desc {
  margin-top: .65rem;
}

#cc-main .cm__desc {
  font-size: .92rem;
  line-height: 1.65;
  padding-bottom: 1.4rem;
}

#cc-main .cm__btns {
  gap: .55rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

#cc-main .cm__btn-group {
  gap: .55rem;
}

#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
  margin: 0;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 46px;
  font-weight: 700;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  transform: translateY(-1px);
}

#cc-main .cm__btn--secondary {
  background: transparent;
  border-color: #d8c8b9;
}

#cc-main .cm__btn-group + .cm__btn-group .cm__btn {
  background: transparent;
  border-color: transparent;
  color: #5e5045;
  min-height: 36px;
  text-decoration: underline;
  text-decoration-color: #c9b6a4;
  text-underline-offset: 4px;
}

#cc-main .cm__btn-group + .cm__btn-group .cm__btn:hover {
  background: #f5ece3;
  color: #33281f;
  text-decoration-color: #7a5c10;
  transform: none;
}

#cc-main .cm__footer {
  padding: .7rem 0 .85rem;
}

#cc-main .cm__link-group {
  font-size: .76rem;
  justify-content: center;
  text-align: center;
}

#cc-main a:focus-visible,
#cc-main button:focus-visible {
  outline: 3px solid #c9956a;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  #cc-main .cm {
    width: calc(100% - 24px);
    max-width: none;
  }

  #cc-main .cm__texts {
    padding-top: 1.35rem;
  }

  #cc-main .cm__title,
  #cc-main .cm__desc,
  #cc-main .cm__btns,
  #cc-main .cm__links {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}