JSFiddle - React, Tailwind, and code Playground

HTML

<p id="hero4"><a href="menu.html">Explore our menu</a></p>

CSS

#hero4 {
  border: 1px solid white;
  border-radius: 5px;
  width: 150px;
  height: 30px;
  margin: auto;
}

#hero4:hover {
  background-color: grey;
}