.menu-button{align-items:center;appearance:none;background-color:transparent;border:0;color:currentColor;display:flex;gap:.2em;padding:0;position:relative;transition:transform .15s}.menu-button:focus,.menu-button:hover{color:var(--wp--preset--color--1-4)}.menu-button b{background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;height:.5em;justify-content:space-between;padding:0;width:.5em}body:is(.menu-open) .menu-button b{opacity:0;visibility:hidden}.menu-button i{background-color:currentColor;display:block;height:3px;transform-origin:100% 50%;transition:var(--ani-speed);width:100%}.menu-button i:nth-child(3){scale:.6 1}.menu-button:is(:hover,:focus-visible) i:first-child{rotate:-30deg;scale:1.5 1.2;transform:skew(-28deg);translate:0 -5px}.menu-button:is(:hover,:focus-visible) i:nth-child(2){rotate:-30deg;scale:1.5 1.2;transform:skew(-28deg);translate:0 -1px}.menu-button:is(:hover,:focus-visible) i:nth-child(3){rotate:-30deg;scale:.8 1.2;transform:skew(-45deg);translate:0 3px}.menu-button__open{font-family:var(--wp--preset--font-family--heading);font-size:var(--wp--preset--font-size--heading-xxs);font-weight:600;text-transform:uppercase;transform-origin:0 50%;transition:transform var(--ani-speed)}.menu-button:is(:hover,:focus-visible) .menu-button__open{transform:scale(1.1)}body:is(.menu-open) .menu-button__open{visibility:hidden}.menu-button__close{aspect-ratio:1;border:2px solid;border-radius:50%;display:block;position:absolute;right:0;transform-origin:0 100%;transition:transform var(--ani-speed);width:1.333em}.menu-button__close:after,.menu-button__close:before{background-color:currentColor;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;width:65%}.menu-button__close:after{transform:translate(-50%,-50%) rotate(-45deg)}body:not(.menu-open) .menu-button__close{transform:scale(.5) translateX(-1em) rotate(-90deg);visibility:hidden}