Button question

I have the below css code for a button. When the button is hovered it will outline the button in white. When I move the mouse off of hover, I get a bit of blue at the bottom of the button. How do I remove the blue at the bottom of the button?

/* add to cart button */
.sqs-add-to-cart-button:before  {
  background-color: #000000 !important;
}
.sqs-add-to-cart-button:hover:before  {
  border-color: #ffffff !important;
  background-color: #000000 !important; 
}
.sqs-add-to-cart-button:hover  .sqs-add-to-cart-button-inner {
  color: #ffffff;  
}

On 10/1/2022 at 10:01 PM, madseason said:

I have the below css code for a button. When the button is hovered it will outline the button in white. When I move the mouse off of hover, I get a bit of blue at the bottom of the button. How do I remove the blue at the bottom of the button?

 

 

/* add to cart button */
.sqs-add-to-cart-button:before  {
  background-color: #000000 !important;
}
.sqs-add-to-cart-button:hover:before  {
  border-color: #ffffff !important;
  background-color: #000000 !important; 
}
.sqs-add-to-cart-button:hover  .sqs-add-to-cart-button-inner {
  color: #ffffff;  
}

It seems fine now, right?

https://www.awesomescreenshot.com/video/11477776?key=be16818f4776e05d46f8be492ba4de4b

All is good now. Thanks for the follow-up!