V.7.1 Add To Cart Padding Too Big

Site URL: https://www.dumove.co.uk/pack-n-store

1) Does anybody know how to stop the add to cart buttons from overlapping when individual products are placed next to each other for individual products please?

2) Does anyone know how to reduce the padding on the left and the right for these add to cart buttons as well please?

I currently have this CSS input:

.sqs-add-to-cart-button-inner {
    font-size: 0.5em !important;
}

.sqs-add-to-cart-button {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 30px !important;
  
  }

I duplicated the live site to try change it: https://circle-kazoo-mabm.squarespace.com/pack-n-store

Password: 12345

Original site: https://www.dumove.co.uk/pack-n-store -I have had to arrange them very far apart to stop the problem for now

Any help would be massively appreciated!

Hi @FSB,

Thank you for flagging this issue. We’ve noted this for our Design and Engineering teams to review, and they’ll use this feedback when implementing fixes and improvements in future releases.

For any further questions regarding this issue, please reach out to the Customer Support team.

Q1. Add to Home > Design > custom CSS

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