Кнопка

Стандартный 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 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>