.btn-loki{cursor:pointer;border:none;outline:none;align-items:center;width:16px;height:14px;display:flex;position:relative}.btn-loki span{background-color:#1c1c1c;border-radius:4px;width:100%;height:3px;transition:all .5s;position:absolute;left:0}.btn-loki span:last-of-type{top:0}.btn-loki span:nth-last-of-type(3){bottom:0}.btn-loki.active span{height:3px}.btn-loki.active span:last-of-type{background-color:#1c1c1c;transform:translateY(4px)translate(1px)rotate(-45deg)}.btn-loki.active span:nth-last-of-type(3){background-color:#1c1c1c;transform:translateY(-7px)translate(1px)rotate(45deg)}.btn-loki.active span:nth-last-of-type(2){opacity:0;background-color:#1c1c1c}.btn-menu.active span:nth-last-of-type(2){left:80%}.btn-menu.active:before{content:"";border:3px solid #0000;border-radius:50%;width:26px;height:26px;margin:-19px 0 0 -18px;animation:.5s .3s forwards circulo;position:absolute;top:75%;left:86%;transform:translate(-50%,-50%)}@keyframes circulo{0%{border-color:#0000;transform:rotate(0)}25%{border-color:#0000 #3d65fd #0000 #0000}50%{border-color:#0000 #3d65fd #3d65fd #0000}75%{border-color:#0000 #3d65fd #3d65fd}to{border-color:#3d65fd;transform:rotate(-700deg)}}