Reduce the size of two buttons in desktop and mobile

[jabee01]

Hello, I need help reducing the size of two buttons in both desktop and mobile in my image banner to make it look more appropriate with the layout. Thank you in advance🙏

Here's my store URL: https://u1130y-zj.myshopify.com/

[wiseclimb]

hello @jabee01  
 i have once had similar issue with my store 
 have you been able to   fix  it yet ?

[jabee01]

Hi, not yet. I just posted this issue. Hoping to get any solution to this.

[Ecompromax]

@jabee01  I just offered a solution but my comment was removed, i don't know which other way to help

[wiseclimb]

okay 
 do  you use whatsapp ? or discord

[jabee01]

I just sent you a DM, looking forward for your response, thank you so much!

[GTLOfficial]

Hello @jabee01 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-image-banner.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.banner--content-align-center .banner__buttons--multiple > * {
min-width: 19rem !important;
min-height: 4rem !important;
}
.banner__buttons {
gap: 4rem !important;
}
}
@media screen and (max-width: 749px) {
.banner__buttons {
display: inline-flex;
flex-wrap: wrap;
gap: 1rem !important;
}
.banner__buttons {
max-width: 19rem !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks