#cc-main {
    --cc-font-family: 'Mulish', sans-serif;
    --cc-btn-primary-bg: #3d5a80;
    --cc-btn-primary-border-color: #3d5a80;
    --cc-btn-primary-hover-bg: #fff;
    --cc-btn-primary-hover-color: #3d5a80;
    --cc-btn-primary-hover-border-color: #3d5a80;

    --cc-btn-secondary-bg: #fff;
    --cc-btn-secondary-color: #3d5a80;
    --cc-btn-secondary-border-color: #3d5a80;
    --cc-btn-secondary-hover-bg: #3d5a80;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: #3d5a80;

    --cc-toggle-on-bg: var(--cc-btn-primary-bg);

    --cc-btn-border-radius: 3px;

    .cm__desc {
        font-size: 16px;

        a {
            color: #3d5a80;
        }
    }

    h2.cm__title {
        font-size: 28px;
        font-weight: bold;
    }

    .cm-overlay{
        content: '';
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: var(--cc-overlay-bg);
        opacity: 0;
        visibility: hidden;
    }

    .cc--anim{
        .cm-overlay{
            transition: opacity var(--cc-modal-transition-duration) ease,
                    visibility var(--cc-modal-transition-duration) ease,
                    transform var(--cc-modal-transition-duration) ease;
        }
    }
}

.show--consent{
    #cc-main {
        .cc--anim{
            .cm-overlay{
                opacity: 1;
                visibility: visible;
            }
        }
    }
}

.show--preferences{
    #cc-main {
        .cc--anim{
            .pm-overlay{
                opacity: 0;
                visibility: hidden;
            }
        }
    }
}
#cc-main .cm__desc {
    color: #000
}