.button.svelte-x4wtex{--main-color: var(--color--primary-tint);--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:5px;border:none;border-radius:20px;font-weight:700}.button.svelte-x4wtex .icon:where(.svelte-x4wtex){width:24px;height:24px}.button.style--solid.svelte-x4wtex{background-color:var(--main-color);color:var(--contrast-color)}.button.style--solid.svelte-x4wtex:hover{box-shadow:0 0 1px 3px color-mix(in srgb,var(--color--primary-tint) 50%,transparent)}.button.style--clear.svelte-x4wtex{background-color:transparent;color:var(--contrast-color)}.button.style--tint.svelte-x4wtex{background-color:var(--color--primary-tint);color:var(--contrast-color)}.button.style--tint.svelte-x4wtex:hover{box-shadow:0 0 1px 3px color-mix(in srgb,var(--color--primary-tint) 50%,transparent)}.button.style--accent.svelte-x4wtex{background-color:var(--color--primary-accent-tint);color:var(--color--primary-accent)}.button.style--accent.svelte-x4wtex:hover{box-shadow:0 0 1px 7px color-mix(in srgb,var(--color--primary-accent) 50%,transparent)}.button.style--primary.svelte-x4wtex{background-color:var(--color--primary);color:#fff}.button.style--primary.svelte-x4wtex:hover{box-shadow:0 0 1px 7px color-mix(in srgb,var(--color--primary) 50%,transparent)}.button.style--understated.svelte-x4wtex{background-color:var(--color--page-background);color:var(--color--primary-contrast)}.button.style--understated.svelte-x4wtex:hover{box-shadow:0 0 1px 7px color-mix(in srgb,var(--color--primary-contrast) 50%,transparent)}.button.size--icon-only-mini.svelte-x4wtex .icon:where(.svelte-x4wtex){width:10px;height:10px}.button.size--icon-only.svelte-x4wtex .icon:where(.svelte-x4wtex){width:20px;height:20px}.button.size--small.svelte-x4wtex{padding:5px 10px;font-size:.75rem}.button.size--small.svelte-x4wtex .icon:where(.svelte-x4wtex){width:20px;height:20px}.button.size--medium.svelte-x4wtex{padding:10px 20px;font-size:1rem}.button.size--large.svelte-x4wtex{padding:15px 30px;font-size:1.15rem}.button.size--large.svelte-x4wtex .icon:where(.svelte-x4wtex){width:28px;height:28px}