/* Покупка в один клик: одна кнопка с ценой на всю ширину */

a.btn-add-to-basket.occ-btn,
.occ-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;

    height: 64px !important;
    padding: 0 24px !important;
    margin: 0;

    border: 0;
    border-radius: 32px !important;
    background: #F7D147;
    color: #1a1a1a;

    font-size: 20px !important;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;
    transition: background .15s ease, opacity .15s ease;
}

.occ-btn:hover  { background: #F2C82F; color: #1a1a1a; }
.occ-btn:active { background: #EBBF1C; }

.occ-btn--busy {
    opacity: .55;
    pointer-events: none;
}

.occ-btn .occ-btn__price {
    display: inline-block;
}

.occ-btn .icon-basket {
    display: inline-block;
    width: 24px;
    height: 22px;
    flex: 0 0 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* блок, в котором лежит кнопка, тоже растягиваем */
.info-filter-by {
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 12px;
}

/* кнопка занимает всю строку целиком */
.occ-btn { flex: 1 1 100% !important; }

@media (max-width: 640px) {
    .occ-btn {
        height: 56px !important;
        font-size: 18px !important;
        border-radius: 28px !important;
    }
}

/* контейнер кнопки — на всю доступную ширину */
.occ-holder {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
}