JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<a href="#" class="btn">Bouton</a>
<a href="#" class="btn flat">Bouton</a>
<a href="#" class="btn btn-flat">Bouton</a>

SCSS

.btn {
  display: inline-block;
  padding:5px;
  background-color: beige;
  box-shadow:0 0 0 2px firebrick;
  transition: box-shadow .25s ease-in-out;

  &:focus {
    box-shadow:0 0 0 5px purple;
    outline:none;
  }
  
  &.flat {
    box-shadow:none;
  }
  &-flat {
    box-shadow:none;
  }
}