.cookies {
    padding: 32px;
    border-radius: 24px;
    border: 1px solid var(--white, #FFF);
    background: var(--white-70, rgba(255, 255, 255, 0.70));
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    max-width: 656px;
    position: fixed;
    bottom: -100%;
    right: 24px;
    z-index: 500;
    transition: padding .6s, border-radius .6s, border .6s, background .6s, backdrop-filter .6s, -webkit-backdrop-filter .6s, max-width .6s, bottom .6s, z-index .6s;
}

.cookies.-accepted {
    /* display: none; */
}

.cookies.-open {
    bottom: 24px;
}

.cookies.-scroll-lock {
    right: 39px;
}

.cookies-header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cookies .text {
    color: var(--Black-70);
    margin: 16px 0 32px;
}

.cookies-buttons {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(12, 1fr);
}

.cookies-buttons .button {
    grid-column: span 4;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .cookies-buttons .button {
    font-size: 13px;
    }
}