.button-component{border:1px solid rgba(0,0,0,0);transition:all .2s ease-in-out}.button-component:disabled{cursor:not-allowed;opacity:.6}.primary{background:var(--surface-dark);color:var(--light)}.primary:hover:not(:disabled){border-color:var(--surface-darker);background:color-mix(in srgb,var(--surface-dark) 85%,var(--surface-2) 15%)}.primary.dark{background:var(--light);color:var(--dark)}.primary.dark:hover:not(:disabled){background:color-mix(in srgb,var(--light) 85%,var(--surface-2) 15%)}.secondary-outline{background-color:rgba(0,0,0,0);color:var(--active);border:1px solid var(--active)}.secondary-outline:hover:not(:disabled){background:color-mix(in srgb,transparent 85%,var(--surface-2) 15%)}.secondary-outline.dark{border:1px solid var(--light);color:var(--light)}.secondary-outline.dark:hover:not(:disabled){background:color-mix(in srgb,var(--light) 85%,var(--surface-2) 15%);color:var(--dark)}.secondary-ghost{border:1px solid var(--border-light);background:var(--background);color:var(--dark)}.secondary-ghost:hover:not(:disabled){border:1px solid var(--border-light);background:color-mix(in srgb,var(--background) 85%,var(--surface-2) 15%);color:var(--dark)}.secondary-ghost.dark{border:1px solid var(--border-light);background:var(--background);color:var(--light)}.secondary-ghost.dark:hover:not(:disabled){background:color-mix(in srgb,var(--surface-dark) 85%,var(--surface-2) 15%);color:var(--light);border:1px solid var(--border-light)}.search{background:var(--accent-vivid-orange);border-radius:50px;color:var(--dark)}.search:hover:not(:disabled){background:color-mix(in srgb,var(--accent-vivid-orange) 85%,var(--surface-2) 15%);border-radius:50px}.search.dark{background:var(--accent-vivid-orange);border-radius:50px;color:var(--light)}.search.dark:hover:not(:disabled){background:color-mix(in srgb,var(--accent-vivid-orange) 85%,var(--surface-2) 15%);border-radius:50px}