Dawn theme - changing hover settings to the button in an image banner

[Phuong_T]

Hello,

I would like to change hover settings for this one button in this image banner at the top of my landing page. Here is my preview link: https://o86flz1km2u78lkz-60685517054.shopifypreview.com 

I would like it to add these settings to this one specific button on hover.

box-shadow: 0 0 0 0.3rem rgba(242, 165, 34, 0.5);
  color: white;
  background-color: rgba(149, 30, 28, 0.8);

 Tia!

[dmwwebartisan · Accepted solution]

@Phuong_T 

Add code Your assets/base.css or assets/section-image-banner.css bottom of the file.

.banner__box>.banner__buttons:only-child .button:hover {
    margin-top: 0;
    box-shadow: 0 0 0 0.3rem rgb(242 165 34 / 50%) !important;
    color: white !important;
    background-color: rgba(149, 30, 28, 0.8) !important;
}

Thanks!

[Phuong_T]

Thank you so much, I added it to bottom of base.css and it works!