JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal-footer">
  <div class="wrapper-div">
    <button type="button" class="button"> Submit Filters </button>
  </div>
</div>.

CSS

.modal-footer {
  background-color: #2A3E5D;
  color: white;
  height: 100px;
  padding: 2px 16px;
}
.wrapper-div {
  height:100%;
   position: relative;
  //vertical-align: middle
}
.button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  
  background: #e8e8e8;
  display: inline-block;
  font-size: 12px
  //  position: relative;
}