#cm {
    max-width: var(--dcc-banner-width) !important;
    padding: var(--dcc-banner-padding) !important;
    box-shadow: var(--dcc-banner-shadow) !important;
}

#cm.bar #c-inr {
    max-width: var(--dcc-banner-width) !important;
}

#c-ttl {
    font-size: var(--dcc-title-size) !important;
    font-weight: var(--dcc-title-weight) !important;
}

#c-txt {
    font-size: 1em !important;
}

.cc_div .c-bn {
    font-size: var(--dcc-button-size) !important;
    padding: var(--dcc-button-py) var(--dcc-button-px) !important;
}

.cc_div #c-bns {
    gap: var(--dcc-button-gap) !important;
}

#c-bns button + button,
#s-cnt button + button {
    margin-left: 0 !important;
}

.cc_div a,
.cc_div .cc-link,
.dcc-policy-link {
    color: var(--dcc-link-color) !important;
    border-color: var(--dcc-link-color) !important;
}

.dandara-cookie-floating {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147483646;
    border: 1px solid currentColor;
    border-radius: var(--cc-btn-border-radius);
    background: var(--cc-bg);
    color: var(--cc-text);
    padding: 8px 12px;
    font-family: var(--cc-font-family);
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

.dandara-cookie-floating:hover {
    background: var(--cc-btn-secondary-hover-bg);
}

@media (max-width: 688px) {
    #cm,
    #cm.cloud,
    #cm.left,
    #cm.right {
        padding: min(var(--dcc-banner-padding), 20px) !important;
    }

    .cc_div #c-bns {
        gap: var(--dcc-button-gap) !important;
    }
}