/* Bring CookieConsent button colors in line with the site's .btn style (assets/scss/components/button.scss) */

#cc-main {
    --cc-font-family: var(--knw-font-family);

    --cc-bg: var(--knw-dark-50);
    --cc-primary-color: var(--knw-white);
    --cc-secondary-color: var(--knw-grey-300);
    --cc-separator-border-color: var(--knw-dark-400);
    --cc-cookie-category-block-bg: var(--knw-dark-400);
    --cc-cookie-category-block-hover-bg: var(--knw-dark-300);
    --cc-cookie-category-expanded-block-bg: var(--knw-dark-300);
    --cc-footer-bg: var(--knw-dark-100);
    --cc-footer-border-color: var(--knw-dark-400);
    --cc-toggle-off-bg: var(--knw-grey-100);
    --cc-toggle-readonly-bg: var(--knw-dark-400);

    --cc-btn-primary-bg: var(--knw-blue-200);
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--knw-blue-200);
    --cc-btn-primary-hover-bg: var(--knw-blue-300);
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--knw-blue-300);

    --cc-btn-secondary-bg: var(--knw-grey-50);
    --cc-btn-secondary-color: #fff;
    --cc-btn-secondary-border-color: var(--knw-grey-50);
    --cc-btn-secondary-hover-bg: var(--knw-dark-400);
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--knw-dark-400);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    text-transform: uppercase;
    border-radius: 100px;
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-size: 1.4em;
    font-weight: 600;
}