Каждое из состояний имеет свое название и применение. Они позволяют пользователю понимать, что происходит в интерфейсе и что произойдет после нажатия на кнопку. Default (обычное состояние) Это состояние кнопки по умолчанию. То есть, с ней ничего ещё не произошло. Кнопка имеет стандартный вид и цвет. Hover (состояние при наведении) Используется при наведении курсора мыши на кнопку. Она может изменить цвет, можно добавить анимацию. Так пользователь будет понимать что кнопка активна и после нажатия что-то произойдёт...

В любой воронке продаж есть одно слабое звено — кнопка. Можно тратить деньги на рекламу, улучшать тексты, рисовать красивые баннеры, но если кнопка «Купить» или «Оформить заказ» сделана бездумно — конверсии будут утекать сквозь пальцы. Я часто встречаю сайты, где кнопка спрятана, выглядит «служебно» или написана так, что человек не понимает, что произойдёт после клика. А ведь это единственное место, где посетитель превращается в клиента. Недавно я работал над лендингом интернет-магазина, и всего три простых приёма увеличили клики на кнопку на 40%...