How can I make an 'Add to cart' button border always visible?

Technical Q&A
1

Hello, can someone please provide the code to have the border around “Add to cart” buttons always on.
Right now the border is only on when I “mouse over” the button.
My website is www.checkoutfirst.com
Please see sample.

sample.png
sample.png594×384 272 KB

2

@checkoutfirst

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.btn--primary {
-webkit-box-shadow: 0 0 0 0.2rem #00e6b0;
    -moz-box-shadow: 0 0 0 .2rem #00e6b0;
    -ms-box-shadow: 0 0 0 .2rem #00e6b0;
    -o-box-shadow: 0 0 0 .2rem #00e6b0;
    box-shadow: 0 0 0 0.2rem #00e6b0;
}