.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%,#ffffff 15%)}.primary.dark{background:var(--light);color:var(--dark)}.primary.dark:hover:not(:disabled){background:color-mix(in srgb,var(--light) 85%,#ffffff 15%)}.secondary-outline{background-color:rgba(0,0,0,0);color:var(--active);border:1px solid var(--active)}.secondary-outline:hover:not(:disabled){color:var(--light);background:color-mix(in srgb,transparent 85%,#ffffff 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%,#ffffff 15%);color:var(--dark)}.secondary-ghost{border:1px solid #d6e4f0;background:#f7f9fc;color:var(--dark)}.secondary-ghost:hover:not(:disabled){border:1px solid #d6e4f0;background:color-mix(in srgb,#f7f9fc 85%,#ffffff 15%);color:var(--dark)}.secondary-ghost.dark{border:1px solid #d6e4f0;background:#f7f9fc;color:var(--light)}.secondary-ghost.dark:hover:not(:disabled){background:color-mix(in srgb,var(--surface-dark) 85%,#ffffff 15%);color:var(--light);border:1px solid #d6e4f0}.search{background:#ef4100;border-radius:50px;color:var(--dark)}.search:hover:not(:disabled){background:color-mix(in srgb,#ef4100 85%,#ffffff 15%);border-radius:50px}.search.dark{background:#ef4100;border-radius:50px;color:var(--light)}.search.dark:hover:not(:disabled){background:color-mix(in srgb,#ef4100 85%,#ffffff 15%);border-radius:50px}button:disabled{opacity:.4}