JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><label for="hidden"> Кнопка </label> </a>
    <input id="hidden" type="checkbox"/>
<div class="div"> 
   
</div>

CSS

.div {
    background:#ccc;
    width:200px;
    height:200px;
}
a label {
    cursor:pointer;
}
input {
    display:none;
}
input:checked ~ .div {
    background:#000;
}