.cookie-popup-container {
    background-color: #191424;
    z-index: 99999;
    animation: slide-up 1s ease-in-out;
}

.cookie-popup-container.hide {
    animation: slide-down 1s ease-in-out;
    display: none;
}

.cookie-popup-container .cookie-popup {
    padding: 20px;
    max-width: 1240px;
    width: 100%;
    margin: auto;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.cookie-popup .cookie-popup__title {
    white-space: nowrap;
}

.cookie-popup .action-container {
    display: flex;
    gap: 12px;
    min-width: 248px;
}

.cookie-popup .action-btn {
    border: 1px solid #F2F3F5;
    padding: 8px 24px;
    font-weight: 600;
    color: white;
    height: min-content;
    cursor: pointer;
}

.cookie-popup .action-btn.accept-btn {
    background: #EF4638;
    border: 0;
    border-top-right-radius: 12px;
}

@-webkit-keyframes slide-up {
    from {bottom: -100%; opacity: 0;} 
    to {bottom: 0; opacity: 1;}
}

@keyframes slide-up {
    from {bottom: -100%; opacity: 0;} 
    to {bottom: 0; opacity: 1;}
}


@-webkit-keyframes slide-down {
    from {bottom: 0; opacity: 1;}
    to {bottom: -100%; opacity: 0;} 
}

@keyframes slide-down {
    from {bottom: 0; opacity: 1;}
    to {bottom: -100%; opacity: 0;} 
}