Подскажите, пожалуйста, как сделать так, чтобы размер кнопок был одинаковым, а не зависел от количества текста в ссылке?
Прикладываю код:
.btn_cat {
width: 250;
height: 50;
display: inline-block;
user-select: none;
padding: .5em .2em;
background-color: rgba(128, 128, 128, 0.5);
border: 2px solid;
border-radius: 1px;
outline: none;
text-decoration: none;
font-weight: 700;
color: white;
transition: 0.2s;
vertical-align: middle;
line-height:26px;
text-align: center;
}
.btn_cat:hover {
background: rgba(128,128,128,0.8);
}
.btn_cat:active {
background: white; color: black;
}
.btn_cat a {
user-select: none;
outline: none;
text-decoration: none;
font-weight: 700;
color: white;
display:inline-block;
}
.btn_cat a:hover {
color: white;
}
.btn_cat a:active {
color: black;
}