Boutons mal mis en forme

Bonjour,

Sur une petite page d'une appli electron j'ai le code html suivant :
<div id="answer_button">
<button class="decl_ans" id="decl_quit">Quitter</button>
<button class="decl_ans" id="decl_ok">OK</button>
</div>

Le CSS correspondant est


.decl_ans{
/*max-width: 50px;
min-width: 50px;
max-height: 25px;
min-height: 25px;*/
font-size: 14px;
padding: 8px;
border: 8px;
}
#answer_button{
display: flex;
justify-content: center;
align-items: center;
/*align-content: space-between;
align-items: center;
background-color: red;*/
max-height: 55px;
min-height: 55px;
}

Mon problème est que :
1- les deux boutons n'ont pas la même taille de police,
2- «OK» a une bordure et est réactif quand on clique dessus et pas « Quitter ».


Je ne comprends pas pourquoi.
Merci de votre aide.