Для выравнивания кнопок вертикально на одном уровне можно использовать CSS свойство align-items с значением center для контейнера, в котором находятся кнопки. Например:
```css
.container {
display: flex;
align-items: center;
}
```
Чтобы корректно выровнять кнопки относительно друг друга в зависимости от объема текста, можно использовать CSS свойства flex-grow и flex-shrink для кнопок. Например, чтобы кнопки равномерно распределялись по ширине:
```css
.button {
flex-grow: 1;
flex-shrink: 1;
}
```
Таким образом, при изменении объема текста на странице, кнопки будут автоматически распределяться и выравниваться относительно друг друга.