.button{cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:4px;font-weight:600;transition:all .2s;display:flex;position:relative}.button:active{scale:.98}.button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none;background:var(--gray-200);border:1px solid var(--gray-200);color:var(--gray-500)}.button--loading{opacity:.5;pointer-events:none}.button--primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.button--secondary{background:var(--white);color:var(--primary);border:1px solid var(--primary)}.button--outline{background:var(--white);color:var(--text);border:1px solid var(--border)}.button--outline:hover{border-color:var(--primary)}.button--ghost{color:var(--primary);background:0 0;border:1px solid #0000}.button--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 5px 25px #0000001a,inset -5px -5px 15px #fff0,inset 1px 1px #fff3,inset -1px -1px #fff6}.button--glass:hover{background:var(--primary);color:#fff;box-shadow:0px 5px 25px #0000001a,inset -5px -5px 10px var(--primary),inset 1px 1px 0px var(--primary),inset -1px -1px 0px var(--primary)}.button--x-small{height:auto;font-size:12px}.button--small{border-radius:8px;height:36px;padding:0 12px;font-size:12px;font-weight:600}.button--medium{border-radius:12px;height:48px;padding:0 20px;font-size:14px;font-weight:600}.button--large{border-radius:12px;height:52px;padding:0 24px;font-size:15px;font-weight:700}.button--icon-only{aspect-ratio:1;padding:0}