/* КОД ДЛЯ ПОКАЗА ДОП.ОКОН ПРИ НАВЕДЕНИИ В БЛОКЕ «МЕСТО ИННОВАЦИЙ» */ 

/* При наведении */
.modal-add-info.t-sbs-anim_started {
    left: 30px !important;
    bottom: 30px !important;
}

/* Стили по умолчанию и после окончания анимации */
.modal-add-info,.modal-add-info.t-sbs-anim_reversed {
    position: fixed !important;
    bottom: 10px !important;
    top: unset !important;
    border: none;
    left: 10px !important;
    transition: 0.3s all;
}

/* Скрыть размытую подложку */
.modal-add-info::after {
    content: '';
    display: block;
    width: 298px;
    height: 171px;
    position: absolute;
    z-index: -1;
    bottom: 20px;
    left: 30px;
    background-color: #9933fe;
    filter: blur(100px);    
    transform: translate3d(0, 0, 0);
    opacity: 0 !important;
    transition: .3s all;
}

/* Стиль размытой подложки при наведении */
.modal-add-info.t-sbs-anim_started::after {
    opacity: 1 !important;
}
/* Стиль размытой подложки после окончания анимации */
.modal-add-info.t-sbs-anim_reversed::after {
    opacity: 0 !important;
}

@media screen and (max-width: 479px) {
    .modal-add-info::after {
        background-image: url('https://static.tildacdn.com/tild3235-6534-4434-b066-303662666666/Ellipse_26.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;        
        
    }
    
    .modal-add-info,.modal-add-info.t-sbs-anim_reversed {
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%);        
    }
    .modal-add-info.t-sbs-anim_started {
        left: 50% !important;
        bottom: O !important;
    }    
}