.button.svelte-x4wtex{--main-color: var(--color-accent-rgb);--light-color: var(--color-accent-rgb);--contrast-color: var(--color-text);-webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--raw-space-4);border:none;border-radius:var(--raw-radius-xl);font-weight:700}.button.svelte-x4wtex .icon:where(.svelte-x4wtex){width:24px;height:24px;position:relative;top:-1px}.button.svelte-x4wtex:disabled{cursor:not-allowed}.button.svelte-x4wtex:disabled:hover{box-shadow:none!important}.button.svelte-x4wtex.color--primary{--main-color: var(--color-accent-rgb);--light-color: var(--color-accent-rgb);--contrast-color: var(--color-surface)}.button.svelte-x4wtex.color--secondary{--main-color: var(--color-text-rgb);--light-color: var(--color-text-rgb);--contrast-color: var(--color-surface)}.button.svelte-x4wtex.style--solid{background-color:rgb(var(--main-color));color:var(--contrast-color)}.button.svelte-x4wtex.style--solid:hover{box-shadow:0 0 1px 7px rgba(var(--main-color),var(--raw-opacity-muted))}.button.svelte-x4wtex.style--understated{background-color:rgba(var(--main-color),var(--raw-opacity-light));color:rgb(var(--main-color))}.button.svelte-x4wtex.style--understated:hover{box-shadow:0 0 1px 7px rgba(var(--main-color),var(--raw-opacity-muted))}.button.svelte-x4wtex.style--clear{background-color:transparent;color:rgb(var(--main-color))}.button.svelte-x4wtex.style--clear:hover{background-color:rgba(var(--main-color),var(--raw-opacity-light))}.button.svelte-x4wtex.style--ghost{background-color:transparent;color:rgb(var(--main-color));border:1px solid rgba(var(--main-color),var(--raw-opacity-muted))}.button.svelte-x4wtex.style--ghost:hover{border-color:rgba(var(--main-color),var(--raw-opacity-medium));background-color:rgba(var(--main-color),var(--raw-opacity-subtle))}.button.svelte-x4wtex.size--small{padding:var(--raw-space-4) var(--raw-space-12);font-size:var(--raw-text-xs)}.button.svelte-x4wtex.size--small .icon:where(.svelte-x4wtex){width:20px;height:20px}.button.svelte-x4wtex.size--medium{padding:var(--raw-space-12) var(--space-button-x);font-size:var(--raw-text-base)}.button.svelte-x4wtex.size--large{padding:var(--raw-space-16) var(--raw-space-32);font-size:var(--raw-text-lg)}.button.svelte-x4wtex.size--large .icon:where(.svelte-x4wtex){width:28px;height:28px}