How to change the position of the add to cart button and dynamic checkout button？

[LeeYee]

I want to move the red circled part to the below add-to-cart. How can I do this? My theme is impact.

[uiooo · Accepted solution]

导航到模板装修，产品页模板，在自定义css上放置如下代码

/* Container styling for the buttons */
.buy-buttons.buy-buttons--multiple {
  display: flex;
  flex-direction: column;
  gap: 16px; /* Adjust spacing between buttons as needed */
}

/* Styling for the "Add to cart" button */
.buy-buttons.buy-buttons--multiple .button {
  width: 100%;
  max-width: none;
}

/* Styling for the "Buy it now" button */
.buy-buttons.buy-buttons--multiple .shopify-payment-button {
  width: 100%;
  max-width: none;
}

[LeeYee]

Thank you so much!! It works!!