JSFiddle - React, Tailwind, and code Playground

by vivekhegde99

HTML

<div id="container">
    <div id="btnOuterDIV">
        <div id="btnChkbox">
            <input type="checkbox" id="btnCB" />
        </div>
    </div>
</div>

CSS

#container  {padding:50px;}
#btnOuterDIV{height:30px;width:80px;border:1px solid #ccc;border-radius:5px;}
#btnOuterDIV:hover{border-color:#888;}
#btnChkbox{height:15px;width:15px;padding-top:5px;padding-left:5px;}