How to change size and if possible move a button on a specific page

[lollygag]

Hi Everybody

I have just added a gift card app to my site- by the way its great

It was added to this page:

https://lollygag.co/products/lollygag-giftcard

I would like to match Send as gift button size to the rest my size for example the "add to cart" button

I also would love to swap this button with the add to cart

so "send as gift" is on top and "add to cart" underneath 

See mockup

PLEASE HELP , thanks in advance 

[Pallavi]

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

[lollygag]

You can see my store URL on my post

www.lollygag.co

here is the page i want to modify:

https://lollygag.co/products/lollygag-giftcard

Thx so much

[Pallavi]

Hello There,

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

.product-form .payment-and-quantity--buttons-active .payment-and-quantity__add {
display: flex;
flex-wrap: wrap;
}

.product-form .payment-and-quantity--buttons-active .payment-and-quantity__add .GiftWizard-gift-button {
order: -1;
width: 100%;
}

[lollygag]

First thing, Thank you for helping

This did fix my gift card page perfectly!! thank you

Tut now my "add to cart" button ON all of my other products is incorrect, it become taller - can we fix?

Please see attached images 

[lollygag]

First thing, Thank you for helping

This did fix my gift card page perfectly!! thank you

Tut now my "add to cart" button ON all of my other products is incorrect, it become taller - can we fix?

Please see attached images