JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

<button>
Какая-то кнопка
</button>

CSS

@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(255,0,0, 0.4);
  }
  70% {
    box-shadow: 0 0 0 6px rgba(255,0,0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,0,0, 0);
  }
}

button {
  background: #fff;
  border: 1px solid red;
  border-radius: 4px;
  color: red;
  padding: 8px 12px;
  outline: none;
}

button:active {
  animation: pulse-red .5s normal;
}