JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<button>Развернуть</button>
<div class="hidebigtext" >
    Я люблю овый год! В этот день случаются чудеса. Я желаю вам в новом году успехов, счастья, любви, много репутации на StackOverflow, новых проэктов и конечно же денег. С наступающим!
</div>
</body>
</html>

CSS

button {outline: none;}
.hidebigtext {
  width: 300px;
  height: 20px;
  outline: none;
  overflow: hidden;
}
.hidebigtext:focus, button:focus ~ .hidebigtext {height: auto;}