.header-nav{position:relative}.header-nav__btn{border:none}.header-nav__burger{gap:2px;height:16px;width:16px}.header-nav__burger span{background:var(--text-base);border-radius:2px;display:block;height:2px;transition:.3s ease-in-out;width:100%}.header-nav__burger.active span:first-child{transform:translateY(4px) rotate(45deg)}.header-nav__burger.active span:nth-child(2){opacity:0}.header-nav__burger.active span:last-child{transform:translateY(-4px) rotate(-45deg)}