JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="t1"/><label for="t1"><a></a></label>

CSS

input {
    display: none;
}
label a {
    border: outset red;
    background: red;
}
label a::after {
    content: "Купить";
}
input:checked + label a {
    border: inset green;
    background: green;
}
input:checked + label a::after {
    content: "Заказано";
}