@layer components{.button{width:100%;height:3.5rem;font-size:var(--text-size-sm);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:500;line-height:120%;display:flex;position:relative;overflow:hidden}.button:disabled{cursor:not-allowed}.loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.button-primary{background-color:var(--color-primary);color:var(--color-neutral-1000)}.button-primary .loading{background-color:var(--color-primary)}.button-primary:disabled{background-color:var(--color-neutral-350);color:var(--color-neutral-800)}.button-primary.button-loading:disabled{background-color:var(--color-primary);color:var(--color-neutral-1000)}.button-secondary{background-color:var(--color-neutral-850);color:var(--color-neutral-0)}.button-secondary .loading{background-color:var(--color-neutral-850)}.button-secondary:disabled{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.button-secondary.button-loading:disabled{background-color:var(--color-neutral-850);color:var(--color-neutral-0)}.button-tertiary{background-color:var(--color-neutral-1000);color:var(--color-neutral-0)}.button-tertiary .loading{background-color:var(--color-neutral-1000)}.button-tertiary:disabled,.button-tertiary.button-loading:disabled{background-color:var(--color-neutral-1000);color:var(--color-neutral-0)}}