.menu-button{--menu-button-gap:4px;align-items:center;background-color:var(--button-bg);border-radius:var(--button-border-radius);color:var(--button-color);cursor:pointer;display:flex;font-family:Nib Pro,sans-serif;font-size:var(--button-font-size);font-weight:var(--button-font-weight);gap:var(--menu-button-gap);justify-content:center;line-height:var(--button-line-height);min-height:var(--button-min-height);outline:none;padding:var(--button-padding-y) var(--button-padding-x);text-align:center;text-decoration:none;transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.menu-button:focus-visible{background-color:var(--button-focus-bg);color:var(--button-focus-color)}.menu-button:disabled{background-color:var(--button-disabled-bg);color:var(--button-disabled-color);cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-button--show{background-color:var(--button-bg-show)}.menu-button--variant-primary{--button-bg:var(--bg-secondary);--button-color:var(--text-primary);--button-hover-bg:var(--bg-secondary-hover);--button-hover-color:var(--text-primary);--button-active-bg:var(--bg-secondary-hover);--button-active-color:var(--text-primary);--button-focus-bg:var(--bg-secondary-hover);--button-focus-color:var(--text-primary);--button-disabled-bg:var(--bg-secondary);--button-disabled-color:var(--text-primary);--button-bg-show:var(--bg-primary)}.menu-button--size-m{--button-min-height:40px;--button-padding-y:4px;--button-padding-x:10px;--button-icon-size:20px;--button-border-radius:8px;--button-font-size:15px;--button-font-weight:600;--button-line-height:133%}@media only screen and (min-width:576px){.menu-button--size-m{--button-min-height:36px;--button-padding-x:10px}}.menu-button__icon{height:var(--button-icon-size);width:var(--button-icon-size)}.menu-button--reverse{--menu-button-gap:6px;flex-direction:row-reverse}@media only screen and (min-width:576px) and (hover:hover){.menu-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color);text-decoration:none}}@media only screen and (min-width:576px){.menu-button:active{background-color:var(--button-active-bg);color:var(--button-active-color)}}