Increase Button Size with CSS. Hero Button Only

[WesQ]

Hi,

I had a hero video on a regular page and to change the button size I was given this code which works perfectly:

.hero__link .btn {
    width: 200px !important;
    height: 50px !important;
}

I now have the hero video on the home page but when I use the above code it affects the buttons on the entire page. Is there something I am missing to just target the button in the hero video banner? The website is Bionicgym.com

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the video section in your theme editor. Add your css code to the custom css box.

It only works on the button in this section

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

[WesQ]

This worked! Thank you!

This is what I was trying all morning and it was messing with the formatting. Once removed the formatting went back to normal. I must have been missing something from the code I was pasting into this section…I didn’t have !important; at the end of font size.