How can I optimize my banner for better mobile viewing?

Hello, I found some discussions about this topic but I found it only from 2020 and 2021. Can someone help me making it look better and optimezed for mobile? I mean I want it to be wider on phone as it is on desktop. This is how it currently looks like.Thank you!

Sharing link to my shopify store here: https://solehub.cz/

Hello @sjs0001
I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

.banner__buttons{
    margin-top: 0 !important;
    margin-left: 20px !important;
}

Hello, great this looks much better now! I moved the button and text a little bit to the right by myself but I am having troubles with making the button smaller (but I want to keep the “Prohlédnout si” on one line and not split to two. I tried it with font-size but doesnt seem to change anything for me. Above it is the code I added and below picture how it currently looks like.