Vertical Justify Text Center on Button Using CSS

I'm using Bedford 7.0. Here is the code I put into the header injection of my page:

<style>
/* Medium Buttons */
.sqs-block-button-element--medium {
 width: 70% !important;
 min-height: 46px;
}
</style>

Here's what my button grid looks like as a result:
How do I get it so that the text is always centered on each button? The two-line texts center nicely, but the one-line texts are too high. Also, if there is a better way to make an aesthetically-pleasing grid of buttons, please tell me how.

Hi @GeothermalCanada, please share your website url and where these buttons are located so we can take a look

https://www.geothermalcanada.org/catalogue-menu

Just scroll down you'll find the buttons. I've rounded the edges.

Flawless! Thank you.

1 hour ago, GeothermalCanada said:

Flawless! Thank you.

Your welcome!

One more thing I'm having trouble with: (Bedford 7.0)

https://www.geothermalcanada.org/corporate-members

Here's the code header injection I'm currently using to increase the height of the slideshow pane:

<style>
 .sqs-gallery-block-slideshow {
   height: 30vh
  }
</style>

I can't get the images in the slideshow to scale up to fill the pane. I'd like to be able to scale them up so that their width matches the width of the pane. All images should be centered vertically. For images that are taller than the pane when scaled up, I'm fine with them being cropped above and below. I want the aspect ratio of each image to stay intact (no stretching).

Thanks once again for any help.

Edit: nevermind, I started a new thread for this.