<style>
/*Убираем тень от кружка и за даём плавность*/
.tn-atom__pin{
box-shadow: none !important;
transition:all 0.3s cubic-bezier(0, 0, 0.8, 1.0);
}
/*При наведении добавляем тень, заливку, меняем курсор*/
.tn-atom__pin:hover{
cursor:pointer;
background: rgba(255, 255, 255, 0.3);
box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.8)!important;
}
/*Задаём прозрачность для символа и подсказки*/
.tn-atom__pin-icon , .tn-atom__tip{
opacity: 0;
}
/*При наведении на символ делаем его видимым*/
.tn-atom__pin-icon:hover{
opacity: 1;
}
/*При наведении на кружок анимируем подсказку*/
.tn-atom__pin:hover .tn-atom__tip{
opacity: 1;
}
</style>