:root{scroll-behavior:smooth}.burger-btn{width:3rem;height:3rem;position:relative;cursor:pointer}.burger-btn span{display:block;width:3rem;height:.4rem;background-color:#ff2ec8;position:absolute;transition:transform .3s,top .3s;overflow:hidden}@keyframes shine{0%{right:-200%}30%{right:200%}to{right:200%}}.burger-btn span div{width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,50%,transparent 100%);position:relative;animation:shine 5s infinite}.burger-btn span:first-of-type{top:15%;transform:translateY(-15%) rotate(0)}.burger-btn span:nth-of-type(2){top:50%;transform:translateY(-50%) rotateY(0)}.burger-btn span:last-of-type{top:85%;transform:translateY(-85%) rotate(0)}.burger-btn.active span:first-of-type{top:50%;transform:translateY(-50%) rotate(-45deg)}.burger-btn.active span:nth-of-type(2){transform:translateY(-50%) rotateY(-90deg)}.burger-btn.active span:last-of-type{top:50%;transform:translateY(-50%) rotate(45deg)}