Change size of image banner button label on mobile

[ads18922]

Hello, I want to change the size of my image banner button label on mobile, but keep it the same on desktop. I'm happy with the size of the font, I just want to box to be a bit smaller on mobile. I've attached an image of what I want it to look like.

This is my website, and I want it to look something like this:

[DaisyVo · Accepted solution]

Hi @ads18922 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
    .banner__box.content-container .banner__buttons > a.button::after {
        top: 5px;
        bottom: 5px;
        left: 10px;
        right: 10px;
    }
}

Here is the result: https://prnt.sc/CGqYiZiTi4Wo

I hope this helps

Best,

Daisy