В этой серии заданий мы займёмся стилизацией всех кнопок на сайте.

Так как все кнопки в макете похожи, сначала зададим для класса btn общие стили, которые в дальнейшем будем переопределять для отличающихся кнопок.

Начнём с задания блочно-строчного типа. Он лучше всего подходит для кнопок, так как позволяет задавать внутренние отступы со всех сторон, ужимает элементы по ширине под содержание и не требует каких-либо дополнительных распорок.

Как только вы задали блочно-строчный тип какому-то элементу, лучше сразу явно пропишите ему вертикальное выравнивание. По умолчанию блочно-строчные элементы выравниваются по базовой линии текста. Иногда это выравнивание работает странно, поэтому мы заменим его на другое.

Когда есть блочно-строчный тип, можно добавить кнопкам внутренние отступы и рамки.