Change size of add to cart button on different pages

I used this code,
.sqs-add-to-cart-button {
    width: 50% !important;
}

to change the add to cart button size and it looks good on the main product page but when you open the quick view light box it is too squashed. Is there a way to make it different sizes depending on the page?

can you share site url pls?

17 hours ago, paramjeet.kour08 said:

can you share site url pls?

https://www.rubabachaart.com/
PW: Socialstar24

17 hours ago, paramjeet.kour08 said:

Use this code 

@media screen and (min-width: 768px)
.tweak-product-basic-item-add-to-cart-standalone .ProductItem .sqs-add-to-cart-button-wrapper {
    width: 100%;
}

for all buttons then add in custom css box.

Thanks, that worked 🙂

 

 

Thank you