JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/" class="button">Привет</a>

CSS

* {
   margin:0; padding:0; 
}

.button {
    width:80px;
    height:30px;
    background:green;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
}

.button:hover {
    text-decoration:underline;
}

JavaScript

$(function(){

    $('.button').toggle(function(){
    
        $(this).text('Пока');
        
    },function(){
    
        $(this).text('Привет');
        
    });

});