JSFiddle - React, Tailwind, and code Playground

by VKorneva

HTML

<nav>
  <a href="#" class="btn-link">Home</a>
  <a href="#" class="btn-link">About</a>
  <a href="#" class="btn-link">Work</a>
</nav>

CSS

body {
  background: purple;
  padding: 10px 0;
}

.btn-link {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 24px;
  background: darkpurple;
  padding: 10px 25px;
  border-radius: 5px;
}

.btn-link:hover, .btn-link:focus {
  background: #4b004b;
}