@media (hover: hover) {
    .header__list-item:hover,
    .header__contact-link:hover,
    .footer__top-list-link:hover{
        color: #63B6FF;
    }
    .hero__btn:hover,
    .footer__top-btn:hover{
        color: var(--white-color);
        background-color: #63B6FF;
    }
    .footer__top-list-link_blue:hover{
        color: var(--accent-bg-hover);
    }
    .nav-link._active > span{
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }
    .nav-link:hover > span{
        background-color: #fff;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        scale: 1.2;
        -webkit-box-shadow: 0px 0px 3px 4px rgba(255, 255, 255, 0.17);
        -moz-box-shadow: 0px 0px 3px 4px rgba(255, 255, 255, 0.17);
        box-shadow: 0px 0px 3px 4px rgba(255, 255, 255, 0.17);
    }
   
   
}