button.svelte-18sv61c{--bg: linear-gradient(0deg, whitesmoke 0%, white 100%);--bg-hover: white;--bg-active: whitesmoke;--color: black;--color-hover: var(--color);--border: 1px;--border-color: var(--COL_GREY);display:inline-flex;align-items:center;justify-content:center;gap:.25em;border:var(--border) solid var(--border-color);border-radius:.25rem;padding:.25em .5em;background:var(--bg);color:var(--color);cursor:pointer;text-decoration:none;font-weight:500;text-wrap:nowrap}button.svelte-18sv61c:hover,button.svelte-18sv61c:focus-visible,button.svelte-18sv61c:focus-within:not(:focus){background:var(--bg-hover);color:var(--color-hover)}button.svelte-18sv61c:active:active{background:var(--bg-active)}button.svelte-18sv61c:disabled{cursor:not-allowed;opacity:.5}button.blue.svelte-18sv61c{--bg: var(--COL_BLUE);--bg-hover: var(--COL_BLUE_LIGHT);--bg-active: var(--COL_BLUE);--color: white;--border-color: var(--COL_BLUE)}button.green.svelte-18sv61c{--bg: var(--COL_GREEN);--bg-hover: #4b9c42;--bg-active: var(--COL_GREEN);--color: white;--border-color: var(--COL_GREEN)}button.red.svelte-18sv61c{--bg: var(--COL_RED);--bg-hover: var(--COL_RED_LIGHT);--bg-active: var(--COL_RED);--color: white;--border-color: var(--COL_RED)}