JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="box"/>
<label id="container" for="box">
    <div id="button">Chat Now</div>
    <div id="login">
        <label for="box" id="closelogin">Close</label>
        <input type="text" placeholder="Username"/>
        <p id="loginshiz">Pick a username</p>
        <button id="go">Go</button>
    </div>
</label>

CSS

#box{display: none;}
#container #login{ display: none;}
#box:checked + #container #login{ display: block;}