Как правильно задать эффект :hover в sass?

1. Нет смысла перечислять все классы, которые висят на кнопке
2. Не забывай, что CSS — это в первую очередь каскадные стили, т.е. приоритет имеет первая запись, так как она написана для конкретного случая, для изображения
3. Это не синтаксис SASS, это обычный CSS в файле с разрешением .scss. Второе описание должно быть внутри первого в формате &:hover
4. Соблюдайте культуру написания кода, товарищ, стыдно за вас.

button.sigleclass { /*Если прямо совсем уникальная кнопка, имеет смысл повесить id*/
    background-image: linear-gradient(to bottom, #6eae45, [второй цвет]);
    &:hover {
        background-color: #fff;
    }
}