.lines,.lines-button{display:inline-block}.lines-button{border:none;background:0 0;margin-bottom:10px;padding:1.25rem .625rem;transition:.3s;cursor:pointer;user-select:none;border-radius:.35714rem}.lines,.lines:after,.lines:before{transition:.3s;background:#fff;border-radius:.17857rem}.lines-button:focus{outline:0}.lines-button:active{transition:0;border:none;outline:0}.lines{width:2.5rem;height:.35714rem;position:relative}.lines:after,.lines:before{display:inline-block;width:2.5rem;height:.35714rem;position:absolute;left:0;content:'';-webkit-transform-origin:.17857rem center;-ms-transform-origin:.17857rem center;transform-origin:.17857rem center}.lines:before{top:.625rem}.lines:after{top:-.625rem}.lines-button:hover{opacity:1}.lines-button:hover .lines:before{top:.71429rem}.lines-button:hover .lines:after{top:-.71429rem}.lines-button.x.close .lines{background:0 0}.lines-button.x.close .lines:after,.lines-button.x.close .lines:before{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:2.5rem}.lines-button.x.close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.lines-button.x.close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}