.component-menu-button{display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:clamp(3.125rem,calc(3.125rem + 0 * (100vw - 22.5rem) / 77.5),3.125rem);height:clamp(3.125rem,calc(3.125rem + 0 * (100vw - 22.5rem) / 77.5),3.125rem);cursor:pointer;transition-duration:250ms;transition-property:background-color,color,border-color,opacity;border-width:clamp(0.0625rem,calc(0.0625rem + 0 * (100vw - 22.5rem) / 77.5),0.0625rem);border-style:solid;border-radius:clamp(624.9375rem,calc(624.9375rem + 0 * (100vw - 22.5rem) / 77.5),624.9375rem)}.component-menu-button .icon-wrapper.is-close{display:none}.component-menu-button .icon-wrapper svg{display:block;width:clamp(1.875rem,calc(1.875rem + 0 * (100vw - 22.5rem) / 77.5),1.875rem);height:clamp(1.875rem,calc(1.875rem + 0 * (100vw - 22.5rem) / 77.5),1.875rem);color:inherit;border-radius:clamp(624.9375rem,calc(624.9375rem + 0 * (100vw - 22.5rem) / 77.5),624.9375rem);-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.component-menu-button.is-style-dark{color:#003a17;border-color:rgba(0,0,0,0);background-color:rgba(51,51,51,.04)}.component-menu-button.is-style-dark:hover,.component-menu-button.is-style-dark:focus{color:#fff;border-color:#8dc63f;background-color:#8dc63f}.component-menu-button.is-style-dark:hover svg,.component-menu-button.is-style-dark:focus svg{background-color:rgba(0,0,0,0)}.component-menu-button.is-style-dark svg{background-color:rgba(0,0,0,0)}.component-menu-button.is-style-light{color:#fff;border-color:rgba(0,0,0,0);background-color:hsla(0,0%,100%,.1)}.component-menu-button.is-style-light:hover,.component-menu-button.is-style-light:focus{color:#fff;border-color:#8dc63f;background-color:#8dc63f}.component-menu-button.is-style-light:hover svg,.component-menu-button.is-style-light:focus svg{background-color:rgba(0,0,0,0)}.component-menu-button.is-style-light svg{background-color:rgba(0,0,0,0)}