html/css : weird border when clicking the button

Question

my button has this weird border appearing when clicking on it. how to remove it? below is the html and image example

Buy Now Only While Supplies Last

Answer 1

Just set your button outline to none:

input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}

Answer 2

It's just an outline. You can rid it out by using:

button: {
outline: none;
}