.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:none;border-radius:var(--mp-radius-control);cursor:pointer;font-family:inherit;font-weight:500;line-height:20px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background var(--mp-dur-fast) var(--mp-ease-out),color var(--mp-dur-fast) var(--mp-ease-out),border-color var(--mp-dur-fast) var(--mp-ease-out),box-shadow var(--mp-dur-fast) var(--mp-ease-out)}.mp-btn--sm{height:32px;padding:0 12px;font-size:13px}.mp-btn--md{height:40px;padding:0 16px;font-size:14px}.mp-btn--lg{height:48px;padding:0 20px;font-size:15px}.mp-btn--icon-only.mp-btn--sm{width:32px;padding:0}.mp-btn--icon-only.mp-btn--md{width:40px;padding:0}.mp-btn--icon-only.mp-btn--lg{width:48px;padding:0}.mp-btn--sm .mp-btn__icon{font-size:16px}.mp-btn--md .mp-btn__icon,.mp-btn--lg .mp-btn__icon{font-size:20px}.mp-btn--primary{background:var(--mp-grad);color:#fff;box-shadow:var(--mp-elev-1)}.mp-btn--primary:hover:not(:disabled){background:var(--mp-grad-hover);box-shadow:var(--mp-elev-2)}.mp-btn--primary:active:not(:disabled){box-shadow:var(--mp-elev-1);transform:translateY(1px)}.mp-btn--secondary{background:transparent;color:var(--mp-text);border-color:var(--mp-border)}.mp-btn--secondary:hover:not(:disabled){background:var(--mp-surface-2);border-color:var(--mp-border-strong);color:var(--mp-text)}.mp-btn--ghost{background:transparent;color:var(--mp-text-muted)}.mp-btn--ghost:hover:not(:disabled){background:var(--mp-surface-2);color:var(--mp-text)}.mp-btn--danger{background:var(--mp-danger);color:#fff}.mp-btn--danger:hover:not(:disabled){background:color-mix(in oklch,var(--mp-danger),black 10%)}.mp-btn:disabled{background:var(--mp-surface-2);color:var(--mp-text-faint);border-color:transparent;cursor:not-allowed;box-shadow:none}.mp-btn:disabled .mp-btn__icon{opacity:.6}.mp-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--mp-primary-rgb) / .25),0 0 0 1px var(--mp-primary)}.mp-btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mp-btn-spin .6s linear infinite}@keyframes mp-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.mp-btn{transition:none}.mp-btn:active:not(:disabled){transform:none}.mp-btn__spinner{animation-duration:2s}}