Button & Container too big on Mobile view

[Airri]

There's too much white space above and below the buttons on mobile view. How can I reduce this padding. Also, how can I make this button slightly smaller for mobile. 

On desktop everything looks fine.

I don't know how to make responsive image banners that change for mobile view so for now I will just make the buttons smaller. 

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  @media screen and (max-width: 749px) {
    .banner--mobile-bottom .banner__box{
        padding: 2rem 3.5rem !important;
    }

    .banner__buttons .button{
       font-size: 1.2rem !important;
    }
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[Airri]

Awesome! It worked!