JSFiddle - React, Tailwind, and code Playground

HTML

<P>

    <a href="#" class="cl-btn cl-btn-lg cl-btn-outline" role="button">WHAT TO EXPECT</a>

CSS

.cl-btn {
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 3px;
  font-family: Helvetica;
  color: #000;
  font-size: 16px;
  background: #fffffa;
  padding: 20px 30px;
  border: solid #000 3px;
  text-decoration: none;
}

.cl-btn:hover {
  background: #000;
  text-decoration: none;
  color: white;
}