.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;border-radius:var(--Radius-xs);padding:.375rem .625rem;color:var(--Color-White-True);font-weight:var(--Font-Weight-Semibold)}.button:focus-visible{outline:var(--Border-Width-md) solid currentColor;outline-offset:.1875rem}.button:disabled{cursor:not-allowed;background-color:var(--Surface-Disabled)}.button--default{padding:.5rem .75rem;font-size:var(--Font-Size-Base)}.button--xl{padding:1rem 3rem;font-size:var(--Font-Size-XL)}.button--primary{background-color:var(--Color-Blue-400)}.button--primary:hover:not(:disabled){background-color:var(--Color-Blue-600)}.button--primary:hover{background-color:var(--Color-Blue-600)}.button:disabled{cursor:not-allowed;background-color:var(--Color-Gray-400)}.button--secondary{background-color:var(--Color-Green-400)}.button--secondary:hover:not(:disabled){background-color:var(--Color-Green-600)}.button--action{background-color:var(--Color-Gray-800)}.button--action:hover:not(:disabled){background-color:var(--Color-Gray-600)}.button--outline{box-shadow:inset 0 0 0 var(--Border-Width-sm) var(--Color-Blue-400);background-color:transparent;color:var(--Color-Blue-400)}.button--outline:hover:not(:disabled){box-shadow:inset 0 0 0 var(--Border-Width-sm) var(--Color-Blue-600);background-color:var(--Color-Blue-50);color:var(--Color-Blue-600)}.button--outline:focus-visible{outline-color:var(--Color-Blue-400)}.button--outline:disabled{box-shadow:none;color:var(--Color-White-True)}.button--outline:focus-visible{outline:1px solid #047aca;outline-offset:-4px}.button--outline:hover{background-color:var(--Color-Blue-50)}.button--ghost{background-color:transparent;color:var(--Color-Blue-600);font-weight:400}.button--ghost:focus-visible{outline:1px solid var(--Color-Blue-600);outline-offset:-4px;box-shadow:inset 0 0 0 2px var(--Color-Blue-600)}.button--ghost:hover{background-color:var(--Color-Blue-100);color:var(--Color-Blue-600)}.button--ghost:disabled{cursor:not-allowed;color:var(--Color-Gray-400)}.button--ghost .button__icon{order:1}.button--small{font-size:.875rem}.button--base{font-size:1rem}.button--lg{height:1.875rem;font-size:1.25rem}.button--xl{font-size:1.75rem}