.cookie-popup {
    position: fixed;
    right: 20px;
    bottom: 20px;
    max-width: 380px;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    border-radius: 2px;
    padding: 20px;
    z-index: 99999;
    font-family: 'Manrope', sans-serif;
    font-size: 14px !important;
    line-height: 1.4;
    animation: cookiePopupSlide 0.8s ease;
}

/* Контейнер под кнопки — оборачивает обе кнопки */
.cookie-popup__buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* Кнопки: на десктопе по 50%, на узких — на всю ширину */
.cookie-popup__btn {
    flex: 1 1 calc(50% - 5px);
    box-sizing: border-box;
    /* сюда добавьте свои стили кнопки: padding, background, border и т.д. */
}

/* Когда ширина попапа или кнопок слишком маленькая — каждая кнопка на всю строку */
@media (max-width: 480px) {
    .cookie-popup__btn {
        flex: 1 1 100%;
    }
}

.cookie-popup__btn_decline {
    margin-top: 0; /* отступ теперь задаётся у .cookie-popup__buttons через gap */
}


@keyframes cookiePopupSlide {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cookie-popup__text { margin-bottom: 12px; color: #23334E; }
.cookie-popup__text a { color: #169FB2; text-decoration: underline; }

.cookie-popup__btn {
    display: inline-block;
    padding: 8px 20px;
    background: #169FB2;
    color: #fff;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
    width: 100%;
}
.cookie-popup__btn:hover { background: #54C8D9; }

@media (max-width: 480px) {
    .cookie-popup {
        right: 10px; left: 10px; bottom: 10px;
        max-width: none;
    }
}