https://codepen.io/Larka_Ska/pen/oPEjoW
Собственно нет твёрдых познаний css, из-за этого не могу понять почему надпись на фиолетовой кнопке уползает вверх.
Думаю что тут что-то не так с line-height... а может быть и нет.
Важно,чтобы кнопка была высотой в 40px, а надпись в 15 px, т.е. высота букв и паддинги должны в итоге влазить в 40px. Задавать высоту диву, в который размешена кнопка в эти 40 px - нельзя.
p.s. не обращайте внимания на то что иконка бутерброда размыта. Она будет 40 на 40 px в свг в итоге.