.tabs
{
    transition: all .3s ease;
}

/* Оставляем одну активную по центру, без клипов */
.tabs.mini-mode button.active
{
    max-width: 320px; /* под текст */
    padding: 6px 12px;
    margin: 0;
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
    border-radius: 999px;
}


/* УБРАТЬ обрезание контейнером */
.tabs.mini-mode
{
    overflow: visible; /* было hidden — ломало скругления кнопки */
    gap: 0;
    padding: 2px 4px;
    max-width: max-content;
    align-items: center;
}

/* Схлопываем НЕактивные — анимируем ширину/прозрачность у самих кнопок */
.tabs.mini-mode button
{
    max-width: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    transform: scale(.9);
    overflow: hidden;
    pointer-events: none;
    transition: max-width .25s ease, opacity .25s ease, transform .25s ease, padding .25s ease, margin .25s ease;
}