How can I modify the position of 'Buy it Now' and 'Add to Cart' buttons?

[system]

Hello There ,

When I click on the quick view option inside any of the product card , the quick view pop-up opens ,

The Buy it now and add to cart button is over lapping , how to modify so that buy it now button comes below the quantity and add to cart , only in the quick view menu .

Site Url :: https://ec6rrq21wd02rz0o-71493648693.shopifypreview.com

Thank You!!!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file

.quick__view__contetnt_wrapper .shopify-payment-button__button {
display: block;
}
.quick__view__contetnt_wrapper .product-form__cart--box.d-flex.align-items-end.quick__view--form-cart {
display: inline-block;
}
.quick__view__contetnt_wrapper .quantity.quick__view--quantity {
height: auto;
width: auto;
margin-bottom: 18px;
display: inline-flex;
}

[system]

Hi ,

Can you please assist me in getting quantity box , add to cart and buy it now buttons come in the same line . How to make add to cart button have white background .

Thank You

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file

.quick__view--submit-button .product-form__submit {
width: 50px;
background: #fff;
color: #000;
}
.quick__view__contetnt_wrapper .product-form__cart--box.d-flex.align-items-end.quick__view--form-cart {
display: -webkit-inline-box;
}