JSFiddle - React, Tailwind, and code Playground

HTML

<button class="status">aguardando</button>
<button class="status">aguardando</button>
<button class="status">aguardando</button>

CSS

.aguardando {
  background: red;
}
.recebido {
  background: green;
}

JavaScript

$( document ).ready(function() {
  var savedText = localStorage.getItem('click');

  if(savedText) {
    $('.status').text(savedText);
  }
});

$('.status').click(function(){
    var $this = $(this);
    $this.toggleClass('texto');
    if($this.hasClass('texto')){
        $this.text('recebido');
        $this.addClass('recebido');
        $this.removeClass('aguardando');
    } else {
        $this.text('aguardando');
        $this.addClass('aguardando');
        $this.removeClass('recebido');
    }
    localStorage.setItem('click', $this.text());
});