JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="botao">CLIQUE AQUI</a>

CSS

@import url(https://fonts.googleapis.com/css?family=Roboto);

.botao {
  display: inline-block;
  height: 50px;
  padding: 2px 10px;
  font-family: Roboto;
  text-decoration: none;
  line-height: 50px;
  background-color: rgba(52, 152, 219, 0.9);
  color: #ffffff;
  box-shadow: 0px 0px 5px gray;
}

.botao:hover{
  background-color: rgba(52, 152, 219, 1.0);
  box-shadow: 0px 0px 10px gray;
}