How to make buttons with links the same size?

Question

css

Can you please tell me how to make the size of the buttons the same, and not depend on the amount of text in the link?

I am attaching the code:

.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;
}

Answer 1

width : 250px height
: 50px

Answer 2

Write down the dimensions of the numbers with "px".