#checkbox{display:none}.toggle{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;transition-duration:.5s;display:flex;position:relative}.bars{background-color:var(--primary);border-radius:4px;width:100%;height:4px}#bar2{transition-duration:.8s}#bar1,#bar3{width:70%}#checkbox:checked+.toggle .bars{transition-duration:.5s;position:absolute}#checkbox:checked+.toggle #bar2{transition-duration:.5s;transform:scaleX(0)}#checkbox:checked+.toggle #bar1{width:100%;transition-duration:.5s;transform:rotate(45deg)}#checkbox:checked+.toggle #bar3{width:100%;transition-duration:.5s;transform:rotate(-45deg)}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}