JSFiddle - React, Tailwind, and code Playground

by Katarn

HTML

<button>
Click me
</button>

SCSS

button {
  background: #2abb6b;
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  transition: all 0.5s;
  box-shadow: 0 0 0 10px #5ddb9500;
  
  &:hover, &:focus {
    background: #5ddb95;
  }
  
  &:active {
    transition: 0s;
    box-shadow: 0 0 0 0 #5ddb95;
  }
}