JSFiddle - React, Tailwind, and code Playground

HTML

<div class="btn-wrapper">
  <btn class="normal-text">Normal text</btn>
  <btn class="normal-text">Normal text</btn>
  <btn class="normal-text">Normal text</btn>
  <btn class="long-text">Very very very long text</btn>
</div>

CSS

.btn-wrapper {
  width: 100%;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
}
.normal-text, .long-text {
  display: block;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 20px;
}