Переход CSS с линейным градиентом

Я пытаюсь добавить переход к кнопке, у меня есть, это фона сделана с линейным градиентом CSS, но он не работает.

Это CSS для моей кнопки [

a.button
{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@green), color-stop(100%,#a5c956));
-webkit-transition: background 5s linear;
}

a.button:hover
{
-webkit-gradient(linear, left top, left bottom, color-stop(0%,@greenhover), color-stop(100%,#89af37))
}

Если вам интересно, о @Green и @Greenhover, я использую бессмысленные CSS.

Что-то не так с этим? Любые идеи?