JSFiddle - React, Tailwind, and code Playground

HTML

<button type="submit" class="btn">The button</button>

CSS

.btn {
  display:inline-block;
  height:48px;
  line-height:24px;
  background:moccasin;
  padding:0;
}

JavaScript

/*
Есть кнопка, у неё высота 48px, а line-height должен быть 34px
Суть в том, что если уменьшать line-height меньше 36px, то текст тупо не двигается.
*/