.card-container {
    display: flex;
    width: 100%;
}
.back-button-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    border-right: 1px solid rgba(0,0,0,.125); /* Граница как у карточки */

}
.back-button {
    writing-mode: vertical-lr; /* Вертикальный текст */
    transform: rotate(180deg); /* Разворот текста */
    padding: 20px 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.table-responsive-sm, .table-responsive-md, .table-responsive-lg
{
    overflow-x: visible;
}

/* Возвращаем прокрутку для мобильных устройств */
.table-responsive-sm,
.table-responsive-md,
.table-responsive-lg,
.table-responsive-xl {
    overflow-x: auto !important; /* Включаем прокрутку */
    -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
}

/* Стилизация скроллбара для WebKit браузеров (Chrome, Safari, Edge) */
.table-responsive-sm::-webkit-scrollbar,
.table-responsive-md::-webkit-scrollbar,
.table-responsive-lg::-webkit-scrollbar,
.table-responsive-xl::-webkit-scrollbar {
    height: 8px; /* Высота горизонтального скроллбара */
}

.table-responsive-sm::-webkit-scrollbar-track,
.table-responsive-md::-webkit-scrollbar-track,
.table-responsive-lg::-webkit-scrollbar-track,
.table-responsive-xl::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-responsive-sm::-webkit-scrollbar-thumb,
.table-responsive-md::-webkit-scrollbar-thumb,
.table-responsive-lg::-webkit-scrollbar-thumb,
.table-responsive-xl::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.table-responsive-sm::-webkit-scrollbar-thumb:hover,
.table-responsive-md::-webkit-scrollbar-thumb:hover,
.table-responsive-lg::-webkit-scrollbar-thumb:hover,
.table-responsive-xl::-webkit-scrollbar-thumb:hover {
    background: #555;
}