Изменение поведения кнопок по щелчку Bootstrap, CSS

Есть кнопка:

<input type="submit" class="btn btn-primary btn-lg">

Если зажать левой клавишей мыши по кнопке происходит примерно следующее: выделяется кнопка по контуру и прожимается. После самого клика - отжимается. Если быстро кликнуть - то происходит моментальное зажатие и сразу же отжатие кнопки.

Как убрать любые эффекты, которые происходят при нажатии? То есть нужно чтобы она максимум выделялась, а не прожималась и отжималась.

Данный код не решил проблему:

.btn-primary:focus,.btn-primary:active, .btn-primary:hover{ 
    outline: none; !important; 
    box-shadow: none; !important; 
} 
.btn:focus,.btn:active,.btn:hover{ 
    outline: none; !important; 
    box-shadow: none; !important; 
}

<input type="submit" class="btn btn-primary btn-lg"> 
 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

update: изменил описание стилей

Возможно что-то излишне, но пока что лишь бы работало.

        .btn:focus,
        .btn:active {
            box-shadow: none !important;
        }
        .btn-primary:active,
        .btn-primary:focus {
            box-shadow: none !important;
        }
        .btn-lg:active,
        .btn-lg:focus {
            box-shadow: none !important;
        }

Теперь при наведении на кнопку перестал изменяться(затемняться) цвет фона, она лишь подсвечивается по контуру. Но при нажатии этот эффект остался.

update: с bootstrap buttons благодаря документации разобрался. Остался последний вопрос:

<input type="button" name"SomeButton">

При нажатии на такую простейшую кнопку есть мерцание. Возможно ли его убрать, чтобы нажатие по кнопке было визуально таким же, как по простейшей ссылке? Без всяких эффектов. По нажатию что-то происходит, но кнопка вообще не меняет свой вид

update:

В примере у вас именно то что нужно по сути. При наведении на кнопку, нажатии на нее, она такая же, как и зажатая. Т.е. focus, hover, active нужно привести к одному виду - к active.

Берем в спецификации:

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

И, чтобы нигде накосячить, все это реализуем однообразно:

.btn:focus, 
.btn:hover, 
.btn:active, 
.btn:not(:disabled):not(.disabled):active, 
.btn:not(:disabled):not(.disabled).active { 
  background-image: none !important; 
  box-shadow: none !important; 
  outline: 0 !important; 
} 
 
.btn-primary:focus, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show>.btn-primary.dropdown-toggle, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus { 
  background-color: #0062cc !important; 
  border-color: #005cbf !important; 
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important; 
}

<input type="submit" class="btn btn-primary btn-lg"> 
 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

Получаем то, что нужно по сути, но совершенно другой внешний вид зажатой кнопки (