Центрируем tooltip сообщение Тильда в мобильной версии

<!-- Центрируем tooltip сообщение Тильда в мобильной версии | youx.agency -->
<!-- https://youx.agency/czentriruem-tooltip-soobshhenie-tilda -->

<style>
@media screen and (max-width: 480px) {
    .t396__tooltip-portal .tn-atom__tip {
        /* Прижимаем к левому краю с отступом 20px */
        left: 20px !important;
        
        /* Растягиваем так, чтобы справа тоже осталось 20px (100% - 20px слева - 20px справа) */
        width: calc(100vw - 40px) !important;
        
        /* Убираем трансформации, которые мы пробовали для центрирования */
        transform: none !important;
        
        /* Чтобы окно не схлопнулось, если контента мало */
        box-sizing: border-box !important;
        
        /* Если окно должно висеть на одном месте при скролле, можно добавить: */
        /* position: fixed !important; */
    }
}
</style>