.klaro {
  --klaro-button-border-radius: var(--button-border-radius);
  --klaro-button-padding: var(--button-padding);
  --klaro-buton-font-size: var(--button-font-size);
  --klaro-button-text-color: var(--button--primary-color);
  --klaro-button-text-color-hover: var(--button--primary-hover-color);
  --klaro-button-bg: var(--button--primary-bg-color);
  --klaro-button-bg-hover: var(--button--primary-hover-bg-color);
  --klaro-button-border: none;
  --klaro-button-border-hover: none;
  --klaro-slider-bg: var(--silver-gray);
  --klaro-slider-bg-required: var(--primary-dark-color);
  --klaro-slider-bg-active: var(--primary-color);
  --klaro-dialog-focus-outline: 1px solid var(--primary-color);
  --custom-klaro-text-color: var(--text-color);
  --klaro-link-color: var(--custom-klaro-text-color);
  --klaro-link-color-hover: var(--primary-color);
  --light1: var(--custom-klaro-text-color);
  --dark2: var(--custom-klaro-text-color);
  --dark3: var(--custom-klaro-text-color);
  --klaro-link-decoration: underline;
}

.klaro .cm-btn {
  transition: var(--transition);
}
.klaro .cookie-notice a {
  -webkit-text-decoration: var(--klaro-link-decoration);
          text-decoration: var(--klaro-link-decoration);
}

.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .cookie-notice:not(.cookie-modal-notice) {
  background-color: var(--light-gray);
  box-shadow: none;
  border: 1px solid var(--primary-light-color);
}

.klaro-close:not(.cookie-notice .klaro-close) {
  display: none;
}