[Resolvido] Fade em botão CSS

Olá pessoal, sou novo por aqui, como vão?

Teria como desenvolver um script que faça um fade em um botão em CSS que tenho?

Exemplo:

Tenho um botão normal, com o :hover

.button{
border:1px solid #333;
width:58%;
cursor:pointer;
}

.button_hover{
color:#146b11;
cursor:pointer;
background:#F8F8FF;
}

Ao passar o mouse fazer um efeito fade, basicamente como esse, porém sem imagem.

Agradeço desde já, abração!