.button{position:absolute;top:0;right:0;width:100px;height:40px;cursor:pointer;border-radius:5px;overflow:hidden}.button .slider{position:relative;width:100%;height:100%}.button .slider .el{width:100%;height:100%;background-color:#3650e4;display:flex;align-items:center;justify-content:center}.button .slider .el:nth-of-type(2){background-color:#000}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px}.hamburger-icon .line{width:24px;height:1px;background-color:#fff;margin:3px 0;transition:all .3s ease}.close-icon{position:relative;width:24px;height:24px}.close-icon .line{position:absolute;width:24px;height:2px;background-color:#fff;top:50%;left:0}.close-icon .line1{transform:rotate(45deg)}.close-icon .line2{transform:rotate(-45deg)}