:root {
  --cc-bg: #fff;
  --cc-primary-color: #002E3C;
  --cc-secondary-color: #5e6266;
  --cc-btn-primary-bg: #002E3C;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #002E3C;
  --cc-btn-primary-hover-bg: #1ECAD3;
  --cc-btn-primary-hover-color: #002E3C;
  --cc-btn-primary-hover-border-color: #1ECAD3;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-color: #002E3C;
  --cc-btn-secondary-border-color: #eaeff2;
  --cc-btn-secondary-hover-bg: #1ECAD3;
  --cc-btn-secondary-hover-color: #002E3C;
  --cc-btn-secondary-hover-border-color: #1ECAD3;
  --cc-toggle-on-bg: #1ECAD3;
  --cc-toggle-off-bg: #667481;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-border: #f0f4f7;
  --cc-cookie-category-block-hover-bg: #e9eff4;
  --cc-cookie-category-block-hover-border: #e9eff4;
  --cc-font-family: "Barlow", Arial, sans-serif;
  --cc-btn-border-radius: 36px;
}

#cc-main .cm__body,
#cc-main .pm__body {
  font-family: var(--cc-font-family);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  font-family: var(--cc-font-family);
  line-height: 1.5;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  padding: 0.55rem 1.5rem;
  border-radius: 36px;
  transition: all 0.3s ease;
}

#cc-main .toggle__icon {
  border-radius: 36px;
}

#cc-main .toggle__icon-circle {
  border-radius: 50%;
}

#cc-main .cm__footer {
  background-color: var(--cc-cookie-category-block-bg);
}

#cc-main .cc__link {
  color: #1ECAD3;
}

#cc-main .cc__link:hover {
  color: #002E3C;
}

@media (max-width: 640px) {
  #cc-main .cm__title {
    font-size: 1.2rem;
  }
  
  #cc-main .cm__desc {
    font-size: 0.9rem;
  }
  
  #cc-main .cm__btn,
  #cc-main .pm__btn {
    font-size: 0.82rem;
  }
}