JSFiddle - React, Tailwind, and code Playground

HTML

<a href="https://www.google.com/" class="link-btn">Ссылка в виде кнопки</a>

CSS

/* Ваша кнопка */
.link-btn {
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background-color: #800080;
  border-radius: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color .2s, transform .05s ease-in-out;
}

.link-btn:hover {
  background-color: #af00af;
}

.link-btn:hover:active {
  background-color: #560056;
  transform: translateY(2px);
}




/* */
*,
:before,
:after {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}