/* Прямая замена фонового изображения у виджета */
.t898__bgimg.t-bgimg.loaded {
    /* Удаляем старое изображение и ставим новое */
    background-image: url('https://static.tildacdn.com/tild3661-3766-4837-a234-663762313433/phone1.svg') !important;
    /* Убеждаемся, что настройки фона (позиция, размер) остаются как у оригинальной иконки */
    /* Обычно у таких иконок стоит contain или cover. Оставьте как есть или раскомментируйте нужное: */
    /* background-size: contain !important; */
    /* background-position: center !important; */
    /* background-repeat: no-repeat !important; */
}

/* Если внутри виджета есть другие элементы, которые могли перекрыть иконку, убедимся, что фон виден */
.t898__bgimg.t-bgimg.loaded * {
    /* Этот блок можно удалить, если не поможет */
    /* Он делает внутренние элементы прозрачными для проверки */
    /* opacity: 0.5;  */
}




/* Анимация для кнопки - работает на всех устройствах */
.t898__btn_label {
    position: relative;
    animation: gentlePulse 2s ease-in-out infinite;
    transform-origin: center;
    display: inline-block; /* Для корректной трансформации */
}

/* Ключевые кадры анимации */
@keyframes gentlePulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
    }
}

/* Анимация при наведении - работает на всех устройствах */
.t898__btn_label:hover {
    animation: gentleWobble 0.5s ease-in-out;
}

@keyframes gentleWobble {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(1deg); }
    75% { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
}

/* Для touch-устройств добавляем активное состояние */
.t898__btn_label:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}

@media screen and (max-width: 640px) {
    .t898__btn_label:not(.active) {
        height: 45px !important;
        min-height: 45px !important;
        max-height: 45px !important;
        width: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;
    }   
    }