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