:root{--color-background:#ffffff;--color-text:#14141e;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-border-thin:#00000015;--color-surface:#f9fafb;--color-surface-hover:#f3f4f6;--color-primary:#4358c3;--color-primary-hover:#2339a8;--color-white:#ffffff;--color-black:#14141e;--color-shadow:rgba(0,0,0,0.1);--color-overlay:rgba(0,0,0,0.5)}.button{border-radius:10px;border:0;height:56px;padding:0 24px;font-size:18px;font-weight:500;border-radius:50px;cursor:pointer;transition:all .3s ease-in-out;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.button_primary{background-color:var(--color-primary);color:var(--color-white)}.button_primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(67,88,195,.3)}.button_outline{background-color:rgba(0,0,0,0);color:var(--color-text);border:1px solid var(--color-border)}.button_outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-primary)}.button_disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.button_disabled,.button_disabled:hover{background-color:var(--color-text-secondary)}.button_disabled:hover{transform:none;box-shadow:none}.button_loading{cursor:wait}.button_loading:hover{transform:none;box-shadow:none}.button__spinner{animation:spin 1s linear infinite;color:inherit}.button__spinner svg{width:20px;height:20px}.button__text{transition:opacity .3s ease-in-out}.button__text_hidden{opacity:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}