/* Разрешаем перенос строк и растягиваем кнопки с учетом gap */
.custom-popup .product-list__offers-item .product-list__offers-right {
    flex-wrap: wrap;
    max-width: 300px;
    gap: 9px;
}

/* Корректируем ширину кнопок, чтобы они встали ровно вдвоем на первой строке */
.product-list__offers-right .btn {
    width: calc(50% - 5px); /* 5px — это половина от gap: 10px */
    margin: 0;
}

/* Делаем нижний блок на всю ширину и выстраиваем ссылки в строку */
.product-list__offers-right .sku-extra-info {
    flex-basis: 98%;
    display: flex !important;
    flex-direction: row !important; /* Меняем column на row */
    justify-content: space-between; /* Распределит элементы по краям (опционально) */
    gap: 15px; /* Расстояние между текстовыми ссылками */
}

.custom-popup .product-list__offers-item .product-list__offers-right .btn {
    margin: 0;
    width: 48%;
}
