#button{color:#ecf0f1;border:0;width:20px;height:20px;font-size:1.5em;position:relative}@media (min-width:768px){#button{width:24px;height:24px}}#button span{background:#fff;border-radius:2px;transition:transform .3s;position:absolute}#button span:first-child{width:10%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}#button span:last-child{width:100%;height:10%;top:50%;left:50%;transform:translate(-50%,-50%)}#button.--active span:first-child,#button.--active span:last-child{transform:translate(-50%,-50%)rotate(45deg)}