.klaro{
    --color-primary: #475F79;
    --color-secondary: #A45BA2;

    --klaro-primary-color: var(--color-primary);
    --klaro-link-color: var(--klaro-primary-color);
    --klaro-link-color-hover: var(--color-secondary);
    --klaro-link-decoration: inherit;
    --klaro-link-decoration-hover: inherit;
    --klaro-link-decoration-line: inherit;
    --klaro-link-decoration-line-hover: inherit;
    --klaro-button-bg: var(--klaro-primary-color);
    --klaro-button-text-color: #fff;
    --klaro-button-border: 3px solid var(--klaro-primary-color);
    --klaro-button-border-radius: 22px;
    --klaro-button-padding: 13px 17px;
    --klaro-button-font-size: inherit;
    --klaro-button-font-weight: inherit;
    --klaro-button-line-height: 1rem;
    --klaro-button-box-shadow: inherit;
    --klaro-button-bg-hover: #fff;
    --klaro-button-text-color-hover: var(--klaro-primary-color);
    --klaro-button-border-hover: 3px solid var(--klaro-primary-color);
    --klaro-button-focus-outline: 2px solid var(--klaro-primary-color);
    --klaro-button-focus-outline-offset: 2px;
    --klaro-button-focus-box-shadow: inherit;
    --klaro-dialog-focus-outline: auto;
    --klaro-dialog-focus-box-shadow: initial;
    --font-size: 14px;
    --font-family: inherit;
    --title-font-family: inherit;
    --klaro-slider-bg: var(--white2);
    --klaro-slider-bg-active: var(--klaro-primary-color);
    --klaro-slider-bg-required: var(--klaro-primary-color);
    --green1: var(--klaro-link-color);
    --green2: var(--klaro-link-color);
    --green3: var(--klaro-link-color);
}

.klaro .cookie-modal .cm-modal.cm-klaro,
.klaro .cookie-modal-notice{
    border-radius: 0;
    padding: 2rem 3rem 3rem;
    box-shadow: none;
    max-width: 460px;
}

.klaro .cm-modal.cm-klaro:focus, 
.klaro .cm-modal.cm-klaro:focus-visible, 
.klaro .context-notice:focus, 
.klaro .context-notice:focus-visible, 
.klaro .cookie-notice:focus, 
.klaro .cookie-notice:focus-visible {
    outline: 0;
    box-shadow: none;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-danger,
.klaro .context-notice .cm-btn,
.klaro .context-notice .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-decline,
.klaro .context-notice .cm-btn.cm-btn-danger,
.klaro .cookie-notice .cm-btn,
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-decline,
.klaro .cookie-notice .cm-btn.cm-btn-danger, 
.klaro .learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more {
    font-family: "Spectral", sans-serif;
    letter-spacing: 1px;
    &:hover {
        color: white;
        border-color: var(--klaro-link-color-hover);
        background-color: var(--klaro-link-color-hover);
    }
}