:root {
  --cc-btn-primary-bg: var(--color-primary);
  --cc-btn-primary-color: var(--color-white);
  --cc-btn-primary-border-color: transparent;
  --cc-btn-primary-hover-bg: var(--color-red);
  --cc-btn-primary-hover-color: var(--color-white);
  --cc-btn-primary-hover-border-color: transparent;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--color-main);
  --cc-btn-secondary-border-color: var(--color-main);
  --cc-btn-secondary-hover-bg: var(--color-green);
  --cc-btn-secondary-hover-color: var(--color-white);
  --cc-btn-secondary-hover-border-color: var(--color-green);
  --cc-btn-border-radius: var(--border-radius);
  --cc-font-family: 'Myriad Pro', sans-serif;
  --cc-text-font-size: var(--font-size-18);
  --cc-heading-font-size: var(--font-size-24);
  --cc-nessesary-button-display: none;
}
:root #cc-main {
  z-index: 101 !important;
  font-size: var(--cc-text-font-size);
}
:root #cc-main button {
  font-family: 'Bree Serif', serif !important;
  font-weight: var(--regular) !important;
  text-transform: uppercase;
}
: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: var(--color-black);
}
:root #cm__desc a {
  color: var(--color-primary);
}
:root #cm__title {
  font-size: var(--cc-heading-font-size);
  font-weight: var(--bold);
  color: var(--color-main);
}
:root .cm__btn[data-role="necessary"] {
  display: var(--cc-nessesary-button-display) !important;
}
@media screen and (max-width: 640px) {
  :root #cm__desc {
    background: none;
  }
}