Текст кнопки центрируется в Windows, но не в Linux / Android CSS

Question

Я работаю над веб-страницей, и у меня возникла любопытная проблема с вертикальным выравниванием текста кнопки. Я использую Frameworkize и Customize шрифт, но, как мы видим на картинке, в windows идеально выровнен, но не в Linux и Android:

Захват Windows:

захват Linux:

У кого-нибудь есть идеи, как это исправить? Я попытался добавить padding, но с этим он отлично работает в Linux и плохо в Windows. Также я установил высоту строки в 1, по центру по вертикали, но ничего не работает.

Заранее спасибо !!

EDIT

Код для кнопки:

.btn {
  width: 100px;
  font-family: 'X';
  font-size: 0.85em;
}

.green {
  background-color: #00cd78 !important;
}

<button type="submit" class="btn waves-effect waves-light green submit-btn right">login</button>

Остальное - стиль по умолчанию Materialize для этих классов.

Answer 1

Просто отредактируйте свой .btn класс CSS с помощью -

.btn {
   width: 100px;
   font-family: 'X';
   font-size: 0.85em;
   display: flex;
   justify-content: center;
   align-items: center;
 }