JSFiddle - React, Tailwind, and code Playground

HTML

<div class="link-wrapper">
  <a href="#">
    <span>Text</span>
  </a>
</div>

CSS

.link-wrapper{
    width: 200px;
    height: 35px;
    background-color: #c74e3e;
    position: absolute;
    bottom: 40px;
    margin-top: 35px;
    /* line-height: 35px; */
    padding-top: 6px;
}

.link-wrapper a {
    display: inline-block;
    width: 80%;
    border: 1px dashed white;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}