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

Создаем кнопки с эффектом наведения и фокусировки. Наведите курсор мыши на кнопку, чтобы увидеть эффект при наведении, и сфокусироваться на кнопках, нажав Tab, чтобы увидеть эффект фокусировки. В основном, есть 4 простые кнопки, но когда вы наводите на них курсор, в кнопке появляется значок и цвет. В этом дизайне есть 4 разных вида кнопок для отображения разных журналов, таких как инфо, принято, предупреждение и закрыто...