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