
.t794__arrow:after {
    content: ''; /* Обязательно для корректного отображения псевдоэлемента */
    background-image: url(https://static.tildacdn.com/tild6430-3835-4736-a364-346563303263/Arrow_-_Down_2.svg);
    background-size: 16px 16px; /* Размеры стрелки */
    background-repeat: no-repeat;
    position: absolute; /* Точное позиционирование */
    top: 50%; /* Центрирование по вертикали */
    left: -3px; /* Точное смещение */
    transform: translateY(-50%) rotate(0deg); /* Начальное положение */
    transition: transform 0.3s ease; /* Анимация переворота */
    width: 16px; /* Фиксированная ширина */
    height: 16px; /* Фиксированная высота */
    border: none; /* Убираем границу */
    outline: none; /* Убираем обводку */
    box-shadow: none; /* Убираем возможную тень */
    padding: 0; /* Убедимся, что отступы не влияют */
}

/* Фича в том, что тильда добавляет класс .t794__tm-link_active к родительскому элементу,
его логика каким то хз образом распространяется и на стрелочку, тут мы ее переопределяем как нам ннада */
.t794__tm-link_active .t794__arrow:after {
    transform: translateY(-50%) rotate(180deg); /* Поворот на 180 градусов */
}
