Кнопка

Нажимаемый контрол действия: обычная кнопка или ссылка в виде кнопки. Нужна, чтобы действия на формах и в интерфейсе выглядели одинаково по размеру и весу.

Размеры

Два размера:

Размер	Когда	Как
m	По умолчанию — основные действия («Показать», «Добавить», submit)	без класса размера или `btn-m`
s	Второстепенные / компактные действия рядом с полями (переключение месяца и т.п.)	`btn-s`

m — крупнее, удобно нажимать пальцем. s — ниже и плотнее, не спорит с полями ввода.

Сценарии

Основное действие

Что делает пользователь: нажимает кнопку размера m (например «Показать», «Добавить трату»).

Ожидаемый результат: срабатывает действие формы или переход; кнопка выглядит как основной контрол страницы.

Компактное действие

Что делает пользователь: нажимает кнопку размера s (например «← Август» в статистике potyk-fin).

Ожидаемый результат: то же действие, но кнопка занимает меньше места и визуально вторична относительно полей и основной кнопки рядом.

Где используется

формы с общим стилем кнопок (в т.ч. potyk-fin, invest, restaurants);
ссылки вида кнопки (класс btn) — тот же размер, что у button.