.CookieBar {
    position: fixed;
    bottom: 3em;
    left: 3em;
    display: flex;
    align-items: center;
    width: calc(100% - 1.6em);
    max-width: 32em;
    font-size: 1rem;
    padding: 1.5em;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 2rem rgba(0,0,0,.24);
    z-index: 24;
    transition: transform .64s cubic-bezier(.24, 0.16, 0.24, -1.4), opacity .4s ease .24s;
}

@media (max-width: 40rem) {
    .CookieBar {
        bottom: 1.2em;
        left: .8em;
        font-size: .875rem;
        padding: 1.25em;
    }
}

.CookieBar.is-accepted {
    transform: translateY(200%);
    opacity: 0;
}

.CookieBar-icon {
    margin: 0 2em 0 .5em;
}

@media (max-width: 40rem) {
    .CookieBar-icon {
        width: 2.4em;
        height: 2.4em;
        margin: 0 1.5em 0 .25em;
    }
}

.CookieBar-text {
    flex: 1;
    font-size: .875em;
    line-height: 1.4;
    text-align: left;
    margin: 0;
    color: var(--colorCookieBarText, var(--colorText, #163072));
}

.CookieBar-button {
    font-size: .75em;
    font-weight: 700;
    margin-left: 1.5em;
    padding: .5em 1em;
    border-radius: .5rem;
    background: var(--colorCookieBarBackground, var(--colorPrimary, #163072));
    color: #fff;
    cursor: pointer;
}