
/* Отключаем прямоугольные фоны контейнеров */
[class*="ver"], [name="v-activeVariant"] {
    background-color: transparent !important;
}

/* 1. НЕАКТИВНЫЕ кнопки: принудительно красим внутренний слой */
[class*="ver"] .tn-atom {
    color: #4F4E4C !important;
    background-color: #E8E8E8 !important;
    border: 1px solid transparent !important;
}

/* 2. АКТИВНЫЕ кнопки: белый фон с обводкой */
[name="v-activeVariant"] .tn-atom,
.tn-elem[name="v-activeVariant"] .tn-atom,
div[name="v-activeVariant"] .tn-atom {
    color: #4F4E4C !important;            /* Темно-серый текст */
    background-color: #FFFFFF !important; /* Чистый белый фон */
    border: 1px solid #4F4E4C !important; /* Обводка 1px */
}

/* Вспомогательный хак на случай, если Tilda перебивает инлайном */
.tn-elem[name="v-activeVariant"] {
    background-color: transparent !important;
}
</style>
