.button.svelte-v228sx.svelte-v228sx{background:var(--color-green-primary);height:max(3rem,48px);border-radius:max(1.5rem,24px);padding:0 max(1.5rem,24px);display:flex;width:max-content;align-items:center;justify-content:center;text-decoration:none;color:#121212;line-height:1;transition:background-color .3s;cursor:pointer;border:0;font-family:var(--font-primary)}.button.color-white.svelte-v228sx.svelte-v228sx{background:var(--color-white)}.button.color-black.svelte-v228sx.svelte-v228sx{background:var(--color-black-primary);color:var(--color-white)}.button.color-black.svelte-v228sx.svelte-v228sx:hover{color:var(--color-black-primary)}.button.svelte-v228sx span.svelte-v228sx{display:inline-block}.button.svelte-v228sx.svelte-v228sx:hover{background-color:#dbff76}.button.svelte-v228sx .svelte-v228sx:not(.icon-left) svg{margin-left:max(.5rem,8px)}.button.icon-left.svelte-v228sx svg{margin-right:max(.5rem,8px)}