ICUI4CU, кнопки это особенные элементы. Где-то тут я давала ссылку на статью по этому поводу, но самой снова искать лень.
И ещё два нюанса:
1. Вы сначала задали body шрифт, а потом all unset кнопке.
2. Но даже если вы зададите шрифт прямо кнопке в коротком формате, line-height у неё останется normal.
А вот в явном виде line-height: 1.5 сработает
MentalControl, в SVG вы можете нарисовать детальки как вам нужно, хоть зигзагом, хоть змейкой. И при наведении изменять заливку fill или обводку stroke.
felony13twelve, если нравится тащить к себе в проект чужой устаревший мусорный код, то я же не возражаю, тащите.
Вы достаточно четко дали понять, что на самом деле не хотите знать и разбираться как правильно, в своем вчерашнем вопросе. Я принимаю вашу позицию. Но не стоит мешать другим разбираться с волнующими их вопросами.
И рекомендую придерживаться правил форума и заек оставить при себе.
Треугольник верстаются:
- бордерами
- градиентами
- повернутым псевдо квадратиком
- svg
- ещё пачкой способов, которая легко гуглится по словам "css треугольники" и "css треугольники генератор"
Я тут уже 100500 раз писала об этом.
Reset устарел еще до normalize (классические версии).
В reset сначала всё обнуляется, потом пишется своё. Вопрос, зачем эти развлечения?
Имеет смысл сделать свой собственный файлик начальных стилей.
Я бы не стала так уж категорично
https://jsfiddle.net/Ankhena/jpxa6Lh2/ (с VPN)