[[Link | <span class="mw-ui-button">Hello</span> ]]
Take a look at the button text in this picture:
You can see that the text is not vertically centered; it's closer to the top border.
The cause of the problem is most likely the line-height, which is in this case equal to 1.28571429em. If we set the line-height to 1.5em (class: .mw-ui-button), the text will be displayed correctly:



