.btn-action {
    width: 30px;
    /* Установите ширину кнопок (например, 40px) */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    /* Уменьшите внутренние отступы для компактного вида */
}

.text-center-vertical {
    vertical-align: middle;
    /* Центрирование по вертикали */
}

.action-column {
    width: 1%;
    /* Минимальная ширина */
    white-space: nowrap;
    /* Отключает перенос кнопок */
}

.price-column {
    width: 1%;
    /* Минимальная ширина для столбца Цена */
    white-space: nowrap;
    /* Отключает перенос текста */
}

.quantity-column {
    width: 1%;
    /* Минимальная ширина для столбца Количество */
    white-space: nowrap;
    /* Отключает перенос текста */
}

.action-column {
    width: 1%;
    /* Минимальная ширина для столбца Действия */
    white-space: nowrap;
    /* Отключает перенос текста */
}


.btn-primary {
    background-color: #333333 !important;  /* Новый цвет фона */
    border-color: #333333 !important;      /* Граница в тон фона */
    color: #ffffff !important;             /* Цвет текста */
}

.btn-primary:hover {
    background-color: #45a049 !important;
    border-color: #45a049 !important;
}