@keyframes ToTopButton 
{
    0% 
    {
        background-position: 7px 6px;
    }

    30% 
    {
        background-position: 7px 36px;
    }

    70% 
    {
        background-position: 7px 36px;
    }

    100% 
    {
        background-position: 7px 65px;
    }
}

@-webkit-keyframes ToTopButton
{
    0% 
    {
        background-position: 7px 6px;
    }

    30% 
    {
        background-position: 7px 36px;
    }

    70% 
    {
        background-position: 7px 36px;
    }

    100% 
    {
        background-position: 7px 65px;
    }
}

@-moz-keyframes ToTopButton
{
    0% 
    {
        background-position: 7px 6px;
    }

    30% 
    {
        background-position: 7px 36px;
    }

    70% 
    {
        background-position: 7px 36px;
    }

    100% 
    {
        background-position: 7px 65px;
    }
}

@-o-keyframes ToTopButton
{
    0% 
    {
        background-position: 7px 6px;
    }

    30% 
    {
        background-position: 7px 36px;
    }

    70% 
    {
        background-position: 7px 36px;
    }

    100% 
    {
        background-position: 7px 65px;
    }
}

.ToTop:hover {
    background-image: url("selector.svg") !important;
    background-position: 7px 6px;
    animation: ToTopButton 0.7s linear 1;
    -webkit-animation: ToTopButton 0.7s linear 1;
    -moz-animation: ToTopButton 0.7s linear 1;
    -o-animation: ToTopButton 0.7s linear 1;
}