JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button-wrap">
    <label for="button">Кнопка</label>
    <input type="checkbox" id="button"/>    
    <div class="hidden">Lorem ipsum dolor sit amet</div>
</div>

CSS

#button-wrap{
    width: 100px;
    margin: 0 auto;
}
#button {display: none;}
label[for="button"]{
    display: block;
    width: 50px;
    border: 1px solid black;
    background: #ddd;
    text-align: center;
    padding: 2px 5px;
}
#button+.hidden{display: none;}
#button:checked+.hidden{display: block;}
.hidden {
    width: 100px;
    background: gold;
    border: 1px solid black;
}