Кнопка Стандартный HTML-тег <button>. Внешний вид кнопки применим к разным тегам: кнопкам, ссылкам и лейблам. Просто добавьте тегу один из трех классов.<button class="cb-button">КНОПКА</button>
<button class="cb-button-outline">КНОПКА</button>
<button class="cb-button-board">КНОПКА</button>
КНОПКА КНОПКА КНОПКА
КЛИК КЛИК КЛИК
КНОПКА КНОПКА КНОПКА
Круглая кнопка Добавочный класс cb-round
Иконка объясняет смысл кнопки. А текстовое описание в атрибуте aria-label это премиальный стандарт для вспомогательных технологий, людям с ограниченными возможностями.<button class="cb-button-board cb-round" aria-label="Текстовое описание">
<svg class="cb-icon"><use href="#icnstar"></use></svg>
</button>
Закругленная Добавочный класс cb-rounded button <button class="cb-button-board cb-rounded">КНОПКА</button>
Выпадающее меню
Добавочный класс cb-select КНОПКА <button class="cb-button-board cb-select">КНОПКА</button>
Иконки Перед текстом svg иконка с классом cb-icon-start КНОПКА<button class="cb-button-board">
<svg class="cb-icon-start"><use href="#icnstar"></use></svg>КНОПКА
</button>