.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:var(--border-width-thin) solid transparent;padding:0 var(--space-5);cursor:pointer;white-space:nowrap;box-sizing:border-box;font-family:var(--label-large-emphasized-family);font-weight:var(--label-large-emphasized-weight);font-size:var(--label-large-emphasized-size);letter-spacing:var(--label-large-emphasized-letter-spacing);transition:background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-fast) var(--ease-out-quart), opacity var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex;position:relative}.btn-sm{height:48px}.btn-lg{height:58px}.btn-square{border-radius:var(--radius-md);padding:0}.btn-square.btn-sm{width:48px}.btn-square.btn-lg{width:58px}.btn-full-width{width:100%}.btn-filled{background-color:var(--icon-brand-default);color:var(--text-inverse);border-color:var(--icon-brand-default)}.btn-filled:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--brand-600);border-color:var(--brand-600);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-filled:active:not(:disabled):not([aria-disabled=true]){background-color:var(--brand-700);border-color:var(--brand-700);box-shadow:none;transform:translateY(0)scale(.98)}.btn-dark{background:var(--gradient-surface-inverse);color:var(--text-inverse);border-color:#0000}.btn-dark:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--shadow-lg)}.btn-dark:active:not(:disabled):not([aria-disabled=true]){box-shadow:none;transform:scale(.98)}.btn-outlined{background:0 0}.btn-outlined.btn-tone-on-light{border-color:var(--border-bolder);color:var(--text-default)}.btn-outlined.btn-tone-on-light:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--neutral-50)}.btn-outlined.btn-tone-on-light:active:not(:disabled):not([aria-disabled=true]){background-color:var(--neutral-100);transform:scale(.98)}.btn-outlined.btn-tone-on-dark{border-color:var(--border-default);color:var(--text-inverse)}.btn-outlined.btn-tone-on-dark:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--text-inverse);background-color:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-outlined.btn-tone-on-dark:active:not(:disabled):not([aria-disabled=true]){box-shadow:none;background-color:#ffffff24;transform:translateY(0)scale(.98)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost.btn-tone-on-light{color:var(--text-default)}.btn-ghost.btn-tone-on-dark{color:var(--icon-brand-subtler)}.btn-ghost:hover:not(:disabled):not([aria-disabled=true]){text-underline-offset:4px;text-decoration:underline}.btn-ghost:active:not(:disabled):not([aria-disabled=true]){opacity:.75}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-label{display:inline-flex}.btn:focus-visible{outline:var(--border-width-medium) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn-loading .btn-label,.btn-loading .btn-icon{visibility:hidden}.btn-loading:after{content:"";border:var(--border-width-medium) solid currentColor;border-radius:var(--radius-circle);border-right-color:#0000;width:16px;height:16px;animation:.6s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn-loading:after{animation-duration:1.2s}}