.mp-btn{border-radius:var(--r-md);font-family:var(--mp-font-body);white-space:nowrap;transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.mp-btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.mp-btn__content{justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}.mp-btn__icon svg{width:1em;height:1em;display:block}.mp-btn.is-loading .mp-btn__content{opacity:0}.mp-btn__spinner{place-items:center;display:grid;position:absolute;inset:0}.mp-btn__spinner svg{width:18px;height:18px;animation:.8s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-btn--sm{height:36px;padding:0 var(--sp-3);font-size:var(--mp-t-label-size);font-weight:var(--mp-t-label-weight);border-radius:var(--r-sm)}.mp-btn--sm:after{content:"";position:absolute;inset:-4px 0}.mp-btn--sm .mp-btn__icon svg{width:16px;height:16px}.mp-btn--md{height:48px;padding:0 var(--sp-5);font-size:var(--mp-btn-md-size);border-radius:var(--r-md);font-weight:600}.mp-btn--md .mp-btn__icon svg{width:18px;height:18px}.mp-btn--lg{height:56px;padding:0 var(--sp-6);font-size:var(--mp-btn-lg-size);border-radius:var(--r-md);font-weight:700}.mp-btn--lg .mp-btn__icon svg{width:20px;height:20px}.mp-btn--full{width:100%}.mp-btn--primary{background:var(--mp-primary);color:var(--mp-ink-inverse)}.mp-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--mp-primary-hover)}.mp-btn--primary:active:not(:disabled):not([aria-disabled=true]){background:var(--mp-primary-pressed)}.mp-btn--energy{background:linear-gradient(135deg, var(--mp-cta-grad-a), var(--mp-cta-grad-b));color:var(--mp-cta-ink)}.mp-btn--energy:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.92)}.mp-btn--energy:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.85)}.mp-btn--secondary{background:var(--mp-surface);color:var(--mp-ink);border-color:var(--mp-border-strong)}.mp-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--mp-surface-2)}.mp-btn--secondary:active:not(:disabled):not([aria-disabled=true]){background:var(--mp-surface-3)}.mp-btn--ghost{color:var(--mp-ink-2);background:0 0}.mp-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--mp-surface-2);color:var(--mp-ink)}.mp-btn--ghost:active:not(:disabled):not([aria-disabled=true]){background:var(--mp-surface-3);color:var(--mp-ink)}.mp-btn--danger{background:var(--mp-danger-solid);color:var(--mp-ink-inverse)}.mp-btn--danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--mp-danger-solid-hover)}.mp-btn--danger:active:not(:disabled):not([aria-disabled=true]){background:var(--mp-danger-solid-hover);filter:brightness(.9)}.mp-btn--success{background:var(--mp-success-solid);color:var(--mp-ink-inverse)}.mp-btn--success:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.88)}.mp-btn--success:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.8)}.mp-btn--link{color:var(--mp-link);background:0 0;border-radius:0;height:auto;padding:0}.mp-btn--link:hover:not(:disabled):not([aria-disabled=true]){text-decoration:underline}.mp-btn--link.mp-btn--sm:after{inset:-11px 0}.mp-btn:disabled,.mp-btn[aria-disabled=true]{background:var(--mp-surface-3);color:var(--mp-ink-4);cursor:not-allowed;border-color:#0000}.mp-btn--secondary:disabled,.mp-btn--secondary[aria-disabled=true]{border-color:var(--mp-border)}.mp-btn--link:disabled,.mp-btn--link[aria-disabled=true]{background:0 0}.mp-btn:disabled .mp-btn__icon svg,.mp-btn[aria-disabled=true] .mp-btn__icon svg{filter:grayscale()}.mp-btn:focus-visible{outline:2px solid var(--mp-blue-400);outline-offset:2px}