css get rid of button outline on click

button:hover, button:focus {
  outline: none;
}

button:focus {outline:0;}

<style>
input[type="button"]
{
    width:120px;
    height:60px;
    margin-left:35px;
    display:block;
    background-color:gray;
    color:white;
    border: none;
    outline:none;
}
</style>

.x-btn:focus, .button:focus, [type="submit"]:focus {
   outline: none;
}