JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <button class="btn">Clique aqui</button>
  <button class="btn">Clique aqui</button>
  <button class="btn">Clique aqui</button>
  <button class="btn">Clique aqui</button>
</div>

CSS

.btn {
 background: green;
 color: white;
 border: 0;
 border-radius: 5px;
 padding: 15px;
 cursor: pointer;
}

.disabled {
  background: grey !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

JavaScript

$('.wrapper .btn').click(function() {
	
  var button = $(this);
	
  button.addClass('disabled').text('Aguarde...');

  setTimeout(function() {
    button.removeClass('disabled').text('Clique aqui');
    
    /* 2000 = 2 segundos. */
  }, 2000);
});