How to make the cart checkout button responsive on hover?

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)

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;
}

Hey @aptelht
Share your Store URL and password if enabled

Store URL: https://bloomslore.com/

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.