How to make the cart checkout button responsive on hover?

Store Design
1

Hello, how do I make my cart page button responsive so that it changes the color or shows an outline when hovered over? (like in the pictures below)

2023-04-27.png
2023-04-27.png520×280 15.1 KB

2023-04-27 (1).png
2023-04-27 (1).png466×258 14.7 KB

I’m using Dawn 9.0 and have some custom codes already to change the color of the button (code below)

button#checkout {
font-weight: bold;
background: #3D9246;
}
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button–unbranded:after {
box-shadow: none;
}

2

Hey @aptelht
Share your Store URL and password if enabled

3

Store URL: https://bloomslore.com/

4

Hey @aptelht

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.