.site-menu-button{align-items:center;border:2px solid var(--dark-blue);border-radius:50%;color:var(--dark-blue);display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.site-menu-button:hover{background-color:var(--dark-blue);color:var(--white)}.site-menu-button:focus{outline-offset:4px}.site-menu-button .bars{align-items:center;display:flex;height:12px;position:relative;width:12px}.site-menu-button .bars .bar{background-color:currentColor;border-radius:2px;display:block;height:2px;opacity:1;transition:opacity .2s;width:12px}.site-menu-button .bars:after,.site-menu-button .bars:before{background-color:currentColor;border-radius:2px;content:"";display:block;height:2px;left:0;position:absolute;transform:rotate(0deg);transition:transform .2s,top .2s .1s;width:12px}.site-menu-button .bars:before{top:0}.site-menu-button .bars:after{top:10px}body.menu-is-open .site-menu-button{background-color:var(--yellow);border-color:var(--yellow);color:var(--dark-blue)}body.menu-is-open .site-menu-button .bars .bar{opacity:0}body.menu-is-open .site-menu-button .bars:after,body.menu-is-open .site-menu-button .bars:before{top:5px;transition:top .2s,transform .2s .1s}body.menu-is-open .site-menu-button .bars:before{transform:rotate(45deg)}body.menu-is-open .site-menu-button .bars:after{transform:rotate(-45deg)}