trying to get quantity and add to cart buttons parallel

I'm putting together my website and I've mostly avoided adding custom CSS so far. Alas, it may be necessary now. 

I'm using the preset "wide" format, but the quantity and add to cart button aren't lining up. It does the same thing with the other present formats. Any guidance would be greatly appreciated!

I'd also like them to be further apart by like an inch 🙂

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Thank you for that help! Link and password:

https://daffodil-fennel-l3jc.squarespace.com/shop/p/sagecedarwood-wk4yl

Oaxaca2023

<style>

  .pdp-layout .pdp-details .product-quantity-input {
  
  	margin-right : 5rem;
  	
  	}
  	
  </style>

This is for v7.1.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

Let us know how it goes.

That spaced the buttons apart, thank you! 

I input the code into Custom CSS without the <style> <style> tags (the using code injection link suggested CSS and that seemed easier). Now I just need to move the add to cart button down slightly so it lines up with the "quantity" box.

Thank you again!!

Is there another code you can suggest to shift the add to cart button slightly down (see pic)? 🙂

Never mind, it's sorted!