.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: var(--primary-text-color);
}

#consentfriend h1 span,
#consentfriend label span,
#consentfriend a span,
#consentfriend p span {
    color: var(--alt-color);
}

#consentfriend strong {
    font-family: 'Satoshi', 'Onest';
    font-weight: normal;
}

.klaro button {
    font-family: 'Satoshi', 'Onest';
    font-weight: normal;
    transition: opacity 150ms;

    &:hover {
        opacity: 0.92;
    }
}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
    background-color: var(--secondary-text-color);
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background-color: var(--primary-color);
}

.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
    color: var(--secondary-color);
    text-decoration: underline;

    &:hover {
        text-decoration: none;
    }
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
  color: #000;
}