.menu-button{cursor:pointer;white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;font-family:var(--font-heading)!important}.menu-button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.3)}.menu-button:not(:disabled):hover{transform:translateY(-2px)}.menu-button:not(:disabled):active{transform:translateY(1px)}.menu-button__label{font-family:var(--font-heading);font-weight:inherit}.menu-button__icon{flex-shrink:0;place-items:center;width:1.28em;height:1.28em;line-height:0;display:grid}.menu-button__icon .doodle-icon{width:100%;height:100%}.menu-button--primary{color:#3a2408;background:linear-gradient(#ffe066 0%,#ffc300 100%);border-radius:16px;width:100%;padding:16px 32px;font-size:18px;box-shadow:0 5px #c98d00,0 12px 24px #00000059}.menu-button--primary:not(:disabled):hover{box-shadow:0 7px #c98d00,0 14px 26px #0006}.menu-button--primary:not(:disabled):active{box-shadow:0 2px #c98d00,0 6px 14px #00000059}.menu-button--secondary{color:#fff;background:linear-gradient(#8a4fe0 0%,#6c2fd6 100%);border-radius:16px;width:100%;padding:14px 28px;font-size:16px;box-shadow:0 5px #4b1c99,0 10px 20px #00000059}.menu-button--secondary:not(:disabled):hover{box-shadow:0 7px #4b1c99,0 12px 22px #0006}.menu-button--secondary:not(:disabled):active{box-shadow:0 2px #4b1c99,0 5px 12px #0000004d}.menu-button--tertiary{color:#e4defd;background:#ffffff0f;border-radius:12px;width:100%;padding:12px 14px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff1a}.menu-button--tertiary:not(:disabled):hover{background:#ffffff1f}.menu-button--pill{color:#fff;background:#ffffff14;border-radius:999px;padding:8px 16px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff24}.menu-button--pill:not(:disabled):hover{background:#ffffff29}