How can I relocate the Add To Cart button on Turbo theme?

Store Design
1

This is the current layout of my product page:

cart.PNG
cart.PNG547×130 1.95 KB

I would like to move the Add To Cart button to below the Quantity box. Would someone be so kind to advise how to do that? I’m using Turbo theme version 6. Thank you!

2

Use margin and padding

3

@cosless

Kindly share your store url

4

@Zworthkey

My store is at www.cosless.com. Thanks!

5 
.product-quantity-box.purchase-details__quantity {
    margin-right: 5px;
    width: auto !important;
}

Add this code in theme.scss.

Thank you.

6

Thanks for the suggestion! It managed to move the Add To Cart button to the next line but the alignment is off:

cosless_0-1629700752272.png
cosless_0-1629700752272.png573×193 2.21 KB

Appreciate it greatly!

7 
.purchase-details__buttons {
    margin-right: 110px;
    margin-top: 10px !important;
    width: 55% !important;
}

Add this code in theme.css or theme.scss

8

Ok it works now! Thanks so much! You are awesome!

9

Thank you.

10

Was just looking for a similar solution to this issue of move the ATC under the quantity selector but read that Theme.css had been deprecated and all css is native.