Add to Cart position on desktop is off center

Hi!

I recently signed up for Squarespace 7.1 - i'm still creating my site and noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on.

I used a CSS code to fix the mobile version from another post but I need to fix the issue on my desktop view as well.

If anyone can help, I'd really appreciate it

Link to page please.

Thank you @rwp 

I think it was @tuanphan

the code is 

@media screen and (max-width:767px) {
.sqs-add-to-cart-button {
    min-width: unset !important;
}
}

It fixed the mobile format of the add to cart button but not on desktop. Im not sure where to put the code from  jQuery 3.x there are only header and footer options on code injection and I dont need the add to cart button in the header or footer just on the product page. 

Can you share link to product? We can check easier.

@tuanphan@tuanphan Forgive me, im still learning and have not published my page so im not sure how id send a link 

** EDIT 

I actually figured it out I believe but now my select a color drop down is off center on the mobile view .. oh boy! Please help

https://owl-jaguar-kb44.squarespace.com/config/design

@shadybyjay You need to set your page to password and share the password for us to access it.

.sqs-add-to-cart-button {
  min-width:unset !important
}

@rwp The select a color button is off too 

.product-variants.preFade.fadeIn {
  min-width:unset !important
}

Still there, I added that code into the CSS box 

I'm not at my computer to check, but I copied and pasted that and didn't edit. I think it should have been width not min-width.

@rwpFixed it! Thanks so much for the help!!