Move Dynamic checkout button below add to cart button

[vivame]

Hi! Does anyone know how I can move the dynamic ‘BUY NOW’ button below the ADD TO CART button, so I can get the full width of each button.

I have attached screenshots of how it currently is, and how the desired outcome would appear.

I am using Turbo theme,

any help would be appreciated

how it is now:

How i would like it:

[Be_Steven]

Can you share your store URL?

It need to add a bit of CSS code base on your site HTML

[vivame]

Hi, thanks for your reply, I just pm you my URL

[Be_Steven]

Put these line of CSS to bottom of your styles.scss or styles.css file

.purchase-details__buttons.purchase-details__spb--true .add_to_cart {
      max-width: 100%;
      flex: none;
}
.purchase-details__buttons.purchase-details__spb--true .shopify-payment-button {
    margin-left: 0;
    max-width: 100%;
    flex: none;
    width: 100%;
    margin-top: 10px;
}

Then it should looks like this

[vivame]

Perfect, thank you, you’re a legend