.menu-btn{display:inline-flex;align-items:stretch;height:48px;padding:0;border:1px solid var(--gold);background:transparent;cursor:pointer;flex:none;transition:transform .35s var(--ease-out)}.menu-btn:hover{transform:translateY(-3px)}.menu-btn__word{display:flex;align-items:center;padding:0 14px;font:700 13px/1 var(--font-caps);letter-spacing:.16em;color:var(--gold);transition:color .25s}.menu-btn:hover .menu-btn__word,.menu-btn:focus-visible .menu-btn__word{color:var(--white)}.menu-btn__sq{position:relative;width:46px;background:var(--gold);color:var(--black);overflow:hidden}.menu-btn__glyph,.menu-btn__lines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform .4s var(--ease-out)}.menu-btn__glyph{align-items:center;justify-content:center;font:400 30px/1 var(--font-display)}.menu-btn__lines{flex-direction:column;justify-content:center;gap:5px;padding:0 12px;transform:translateY(100%)}.menu-btn__lines i{display:block;height:2px;background:var(--black)}.menu-btn__lines i:nth-child(1){width:100%}.menu-btn__lines i:nth-child(2){width:70%}.menu-btn__lines i:nth-child(3){width:85%}.menu-btn:hover .menu-btn__glyph,.menu-btn:focus-visible .menu-btn__glyph,.menu-btn:active .menu-btn__glyph{transform:translateY(-100%)}.menu-btn:hover .menu-btn__lines,.menu-btn:focus-visible .menu-btn__lines,.menu-btn:active .menu-btn__lines{transform:none}@keyframes menuHintGlyph{0%,to{transform:none}25%,70%{transform:translateY(-100%)}}@keyframes menuHintLines{0%,to{transform:translateY(100%)}25%,70%{transform:none}}.menu-btn--hint .menu-btn__glyph{animation:menuHintGlyph 2.2s var(--ease-out) 1.4s 1 backwards}.menu-btn--hint .menu-btn__lines{animation:menuHintLines 2.2s var(--ease-out) 1.4s 1 backwards}@media(max-width:749px){.menu-btn{height:44px}.menu-btn__word{padding:0 8px;font-size:11px}.menu-btn__sq{width:38px}.menu-btn__glyph{font-size:26px}.menu-btn__lines{gap:4px;padding:0 10px}}@media(prefers-reduced-motion:reduce){.menu-btn,.menu-btn__glyph,.menu-btn__lines{transition:none}.menu-btn--hint .menu-btn__glyph,.menu-btn--hint .menu-btn__lines{animation:none}.menu-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/menu-button.css.map */