Input type submit с плавающим gradient фоном

[Full-R]

Все работает для любых элементов кроме input type="submit".

Вот пример:

 

.test {

    background: linear-gradient(to left, #feffe800 0%, #c3c3c3e6 100%);
    transition: all 1s ease-in-out;
    background-size: 20% 100%;
    display: inline-block;
 
}

.test:hover {

    background-size: 100% 100%;

}

Здесь плавает только background-size.

Что не так делаю? Это в браузере не допилено или я туплю где-то?