Change add to cart border color for hover in Dawn theme

[Sbaizer]

Hello,

I would like to change the border color of my add to cart button when the customer hovers/clicks on the button to be the same color as the background (#f15822).  Here is the code I have, which works to change the background and font color, but not the border:

.product-form__submit:hover {
background-color: #f15822 !important;
color: white !important;
border-color: #f15822 !important;
}

or 

.product-form__submit:hover {
background-color: #f15822 !important;
color: white !important;
border: 2px solid #f15822 !important;
}

I appreciate any insight you all can provide me with.

[Made4uo-Ribe]

Hi @Sbaizer 

You change the border-color but did you check if there is box-shadow on that borders? Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[Sbaizer · Accepted solution]

Hello, thank you for pointing out the box-shadow!  I added the following code to my base.css file and it worked to remove the border.

.button:not([disabled]):hover:after{box-shadow: none;}

[Made4uo-Ribe]

And you add the border-color?