#cc-main {
    --cc-font-family: var(--ks-font-body);
    --cc-bg: var(--ks-surface);
    --cc-primary-color: var(--ks-text);
    --cc-secondary-color: var(--ks-muted);
    --cc-btn-primary-bg: var(--ks-primary);
    --cc-btn-primary-color: var(--ks-button-text);
    --cc-btn-primary-hover-bg: var(--ks-primary-hover);
    --cc-btn-primary-hover-color: var(--ks-bg);
    --cc-btn-secondary-bg: var(--ks-bg);
    --cc-btn-secondary-color: var(--ks-text);
    --cc-btn-secondary-border-color: var(--ks-primary);
    --cc-btn-secondary-hover-bg: var(--ks-card-accent-20);
    --cc-btn-secondary-hover-color: var(--ks-text);
    --cc-cookie-category-block-bg: var(--ks-bg);
    --cc-cookie-category-block-border: var(--ks-border);
    --cc-cookie-category-block-hover-bg: var(--ks-card-accent-20);
    --cc-cookie-category-block-hover-border: var(--ks-primary);
    --cc-toggle-on-bg: var(--ks-primary);
    --cc-separator-border-color: var(--ks-border);
    --cc-footer-border-color: var(--ks-border);
    --cc-footer-bg: var(--ks-surface);
    --cc-btn-border-radius: var(--ks-button-radius);
    --cc-modal-border-radius: var(--ks-button-radius);
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid var(--ks-primary);
    box-shadow: none;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-family: var(--ks-font-button);
    font-size: var(--ks-button-font-size);
}

.cookie-settings-button {
    margin-top: .5rem;
    padding: .25rem .4rem;
    border: 0;
    background: transparent;
    color: var(--ks-muted);
    font-family: var(--ks-font-button);
    font-size: .75rem;
    text-decoration: underline;
    text-underline-offset: .2em;
    cursor: pointer;
}

.cookie-settings-button:hover,
.cookie-settings-button:focus-visible {
    color: var(--ks-primary-hover);
}