JSFiddle - React, Tailwind, and code Playground

HTML

<button>Кнопка</button>
<button>Ещё кнопка</button>
<button disabled="disabled" class="in_ajax">Ajax...</button>
<button disabled="disabled">Отключена</button>

CSS

button {
            margin: .8rem;
            font-size: 1.42rem;
            padding: 1rem;
            background: hsla(180, 90%, 64%, 1);
            color: hsla(180, 90%, 12%, 1);
            text-shadow: 1px 1px 1px hsla(180, 90%, 32%, 1);
            box-shadow: -4px 4px 0 0 hsla(180, 90%, 22%, .87), -3px 4px 3px hsla(180, 42%, 11%, 1), 1px 5px 4px hsla(180, 42%, 11%, 1), -4px 1px 0 0 hsla(180, 90%, 32%, 1), inset 0 0 1px 0 hsla(180, 90%, 90%, 1);
            border: 1px hsla(180, 92%, 56%, 1) solid;
            border-top-color: hsla(180, 92%, 64%, 1);
            border-radius: 5px;
            outline: none;
            position: relative;
            transition: all .22s ease-in;
        }
        button:hover {
            background: hsla(420, 90%, 42%, 1);
            color: hsla(420, 90%, 12%, 1);
            text-shadow: 1px 1px 1px hsla(420, 90%, 32%, 1);
            border: 1px hsla(420, 92%, 56%, 1) solid;
            border-top-color: hsla(420, 90%, 64%, 1);
            box-shadow: -4px 4px 0 0 hsla(420, 90%, 22%, .87), -3px 4px 3px hsla(420, 42%, 11%, 1), 1px 5px 4px hsla(420, 42%, 11%, 1), -4px 1px 0 0 hsla(420, 90%, 32%, 1), inset 0 0 1px 0 hsla(420, 90%, 90%, 1);
        }
        button:focus {
              background: hsla(108, 90%, 42%, 1);
              color: hsla(108, 90%, 12%, 1);
              text-shadow: 1px 1px 1px hsla(108, 90%, 32%, 1);
              border: 1px hsla(108, 92%, 56%, 1) solid;
              border-top-color: hsla(108, 90%, 64%, 1);
              box-shadow: -4px 4px 0 0 hsla(108, 90%, 22%, .87), -3px 4px 3px hsla(108, 42%, 11%, 1), 1px 5px 4px hsla(108, 42%, 11%, 1), -4px 1px 0 0 hsla(108, 90%, 32%, 1), inset 0 0 1px 0 hsla(108, 90%, 90%, 1);
          }
        button:active {
            background: hsla(420, 90%, 42%, 1);
            color: hsla(420, 90%, 12%, 1);
            text-shadow: 1px 1px 1px hsla(420, 90%, 32%, 1);
            transform: translate(-4px, 4px);
            border: 1px hsla(420, 92%,...