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

Store Design
1

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

Screenshot 2021-11-09 163815.png
Screenshot 2021-11-09 163815.png942×720 291 KB

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!

2

@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!

3

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