Centering Price And 'Add To Cart' Button As One Element

Hello,

I am trying to center the price and ‘add to cart’ buttons displayed on our product listing pages. On all of our listings, the ‘BUY NOW’ button is the ‘Add To Cart’ button. Please see the following URL for an example:

https://cncmachines.net/2456/haas-st20-3/

I’ve also attached a screenshot to give a clearer picture of what we are trying to do. The screenshot has two prices shown because that listing is a sale item in woocommerce (so it shows the main price and the discount price). Link to screenshot is below:

https://cncmachines.net/wp-content/uploads/2018/05/Screenshot-Center-Price-Elements.jpg

We would like to find out a way both (or all three) of these elements can be grouped and centered for mobile and desktop.

If any additional info is needed, please don’t hesitate to ask.

Thank you for any help you can offer!

Take care,

Matthew