.close-container{position:relative;width:37.5px;height:37.5px;margin:100px auto auto;cursor:pointer}.leftright{transform:rotate(45deg)}.leftright,.rightleft{height:3px;width:37.5px;position:absolute;margin-top:18px;background-color:rgba(255,255,255,.7);border-radius:2px;transition:all .3s ease-in}.rightleft{transform:rotate(-45deg)}.close-container:hover .leftright{transform:rotate(-45deg);background-color:#22d3ee;box-shadow:0 0 10px #22d3ee}.close-container:hover .rightleft{transform:rotate(45deg);background-color:#22d3ee;box-shadow:0 0 10px #22d3ee}.close-container:focus{outline:2px solid #22d3ee;outline-offset:2px}.close-container:focus:not(:focus-visible){outline:none}