How can I fix primary button glitches on my website?

[rentwithc]

Hi im experiencing problems with my primary buttons glitching is there any way i can fix this?

(example below)  as u can see the 'submit' button and 'add to cart' button seem to be in a weird place. they also glitch and disappear occasionally, help would be greatly appreciated!

[Vikas_Chovatiya]

Hi @rentwithc 

1. Go to Online Store->Themes->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.booking-form{display:flex;margin-bottom:10px;}
.booking-form > div{width:calc(50% - 5px);margin-right:10px;}
.booking-form div:nth-child(2){margin:0;}
.product-form__item--payment-button{padding:0;}
#agree{margin:8px 10px 0 0;}
.cart__submit{width:100%;display:inline-block;text-align:center!important;order:2;max-width:230px;}

[rentwithc]

@Vikas_Chovatiya Thank you! i've fixed the placement of the buttons but now my 'submit' button doesn’t seem to be working? can i fix this? it is not clickable? and it also disappears until i hover over it

[Vikas_Chovatiya]

@rentwithc 

I didn't get any changes https://prnt.sc/1zzjdnq

[rentwithc]

@Vikas_Chovatiya thats because i removed the coding, i thought it might fix the button glitch but it didn’t. can you help fix the button glitch and put it in the location it was in before?