.components-button{box-sizing:border-box;cursor:pointer;font-family:inherit;font-weight:var(--font-medium);text-align:center;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex;position:relative}.components-button.full{width:100%}.components-button:disabled{cursor:not-allowed;opacity:.5}.components-button.is-loading .button-label,.components-button.is-loading .button-icon{visibility:hidden}.components-button .button-spinner{justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.components-button .button-icon{flex-shrink:0;display:inline-flex}.components-button.size-md{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);gap:8px;padding:10px 18px}.components-button.size-sm{gap:6px;padding:7px 12px;font-size:13px;line-height:18px}.components-button.variant-primary{background-color:var(--secondary-500);color:var(--primary-1000);border:1px solid #0000}@media (hover:hover){.components-button.variant-primary:hover:not(:disabled){background-color:var(--secondary-400)}}.components-button.variant-secondary{border:1px solid var(--white-10);color:var(--white-100);background-color:#0000}@media (hover:hover){.components-button.variant-secondary:hover:not(:disabled){background-color:var(--white-5);border-color:var(--white-20)}}.components-button.variant-ghost{color:var(--white-50);background-color:#0000;border:1px solid #0000}@media (hover:hover){.components-button.variant-ghost:hover:not(:disabled){color:var(--white-100)}}.components-button.variant-danger{background-color:var(--error);color:var(--white-100);border:1px solid #0000}@media (hover:hover){.components-button.variant-danger:hover:not(:disabled){background-color:var(--error-hover)}}.components-button:focus-visible{outline:2px solid var(--secondary-500);outline-offset:2px}