JSFiddle - React, Tailwind, and code Playground

by vzytoi

HTML

<button onmousedown="return false"><a href="google.fr">
Validate</button></a>

CSS

body {
  background: #f9f9f9;
}
button {
  border: 2px solid #999;
  background: #d3d3d3;
  padding: 6px 15px;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  transition: 300ms;
}
button:focus {
  border: 2px solid #777;
}
button::selection {
  background: none;
}
button:hover {
  -webkit-filter: brightness(95%);
  transition: 300ms;
}