: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-secondary-lighter);
  --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-primary-darker);
  --cc-btn-secondary-hover-color: var(--color-white);
  --cc-btn-secondary-hover-border-color: var(--color-primary-darker);
}
:root #cc-main {
  font-size: var(--font-size-18);
}
: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: 1.5em;
  font-weight: var(--bold);
  color: var(--color-main);
}
:root .cm__btn[data-role='necessary'] {
  display: none !important;
}
@media screen and (max-width: 640px) {
  :root #cm__desc {
    background: none;
  }
}
