#cc-main {
    --cc-font-family: 'Lato', sans-serif;
    --cc-bg: #fff;
    --cc-primary-color: #303030;
    --cc-secondary-color: #505050;
    --cc-btn-primary-bg: var(--cc-shop-color);
    --cc-btn-primary-color: var(--cc-shop-button-text);
    --cc-btn-primary-border-color: var(--cc-shop-color);
    --cc-btn-primary-hover-bg: var(--cc-shop-hover);
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-shop-hover);
    --cc-btn-secondary-bg: #fff;
    --cc-btn-secondary-color: var(--cc-shop-hover);
    --cc-btn-secondary-border-color: var(--cc-shop-color);
    --cc-btn-secondary-hover-bg: var(--cc-shop-light);
    --cc-btn-secondary-hover-color: var(--cc-shop-hover);
    --cc-btn-secondary-hover-border-color: var(--cc-shop-hover);
    --cc-toggle-on-bg: var(--cc-shop-color);
    --cc-btn-border-radius: 6.4px;
    --cc-modal-border-radius: 8px;
    --cc-modal-margin: 16px;
}

/* Match the subscription site's 16px rem geometry despite the shop's smaller root font. */
#cc-main .cm--box {
    max-width: 384px;
}

#cc-main .cm__texts {
    padding-top: 16px;
}

#cc-main .cm__title,
#cc-main .cm__desc,
#cc-main .cm__links {
    padding-left: 20.8px;
    padding-right: 20.8px;
}

#cc-main .cm__btns {
    padding: 16px 20.8px;
}

#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
    margin-top: 6px;
}

#cc-main .pm__section--toggle {
    margin-bottom: 6px;
}

#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
    margin-left: 6px;
}

#cc-main .cm-wrapper .cm,
#cc-main .pm-wrapper .pm {
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .15);
}

#cc-main button.cm__btn,
#cc-main button.pm__btn {
    font-weight: 700;
    text-transform: uppercase;
}

#cc-main button.cm__btn,
#cc-main button.pm__btn,
#cc-main button.pm__close-btn {
    border-radius: 0;
}

#cc-main button:focus-visible {
    outline: 2px solid var(--cc-shop-hover);
    outline-offset: 2px;
}

@media screen and (max-width: 640px) {
    #cc-main {
        --cc-modal-margin: 8px;
    }

    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 17.6px !important;
        padding-right: 17.6px !important;
    }

    #cc-main .cm__btn + .cm__btn,
    #cc-main .cm__btn-group + .cm__btn-group,
    #cc-main .pm__btn + .pm__btn,
    #cc-main .pm__btn-group + .pm__btn-group {
        margin: 6px 0 0 !important;
    }
}