Выравнивание элементов с разными шрифтами ⇐ CSS

[Гость]

Я пытаюсь выровнять две кнопки с разными шрифтами. Я не могу использовать абсолютное положение, поскольку кнопки должны адаптироваться к любому размеру экрана. Что-то вроде: высота -> 10% экрана. ширина кнопки 1 -> 80%, кнопки 2 -> 20% экрана

.button1 { семейство шрифтов: -apple-system, system-ui, «Segoe UI»; высота: 40вх; ширина: 60%; дисплей: встроенный; } .button2 { семейство шрифтов: Arial; высота: 40вх; ширина: 20%; дисплей: встроенный; Кнопка 1 2

Как видите, кнопка 1 расположена немного выше кнопки 2. Это происходит только в том случае, если шрифт не тот. Ниже приведен пример правильного выравнивания.

Кнопка 1 2