JSFiddle - React, Tailwind, and code Playground

by Katarn

HTML

<button>
  Awesome
</button>

CSS

body {
  background: #AAAAAA;
}

button {
  background: transparent;
  border: none;
  border-radius: 8px;
  padding: 4px 32px;
  margin: 32px;
  box-shadow: -2px -2px 8px 0 #FFFFFF88, 2px 2px 8px 0 #00000088;
  cursor: pointer;
  transition: ease-in-out 200ms;
}

button:hover {
  background: #FFFFFF22
}