.button.svelte-xrelhc{--button-height:38px;--button-bg:#020203;--button-color:#a8b1bc;--button-hover-bg:#14141b;--button-hover-color:#6f767e;--button-disabled-bg:#2d2d3a;--button-disabled-color:#6f767e;--button-primary-bg:#ff4f53;--button-primary-color:white;--button-brand-bg:#c5ac79;--button-brand-color:#0e0e14;--button-secondary-bg:#2c323a;--button-secondary-color:white}[data-theme=light] .button.svelte-xrelhc{--button-bg:#777777;--button-color:#cacaca;--button-hover-bg:#d5d5d5;--button-hover-color:#a4a4a4;--button-disabled-bg:#d5d5d5;--button-disabled-color:#a4a4a4;--button-primary-bg:#ff4f53;--button-primary-color:white;--button-secondary-bg:#e5e5e5;--button-secondary-color:#7d7d7d}.button.svelte-xrelhc{box-sizing:border-box;display:inline-flex;align-items:center;height:var(--button-height);background-color:var(--button-bg);color:var(--button-color);border:none;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}@media (hover: hover){.button.svelte-xrelhc:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color);text-decoration:none}}.button.svelte-xrelhc:disabled{background-color:var(--button-disabled-bg);color:var(--button-disabled-color);cursor:not-allowed}.button.small.svelte-xrelhc{height:30px;font-size:.8em}.button.large.svelte-xrelhc{height:50px;font-size:1.2em}.button.primary.svelte-xrelhc{background:var(--button-primary-bg);color:var(--button-primary-color)}.button.brand.svelte-xrelhc{background:var(--button-brand-bg);color:var(--button-brand-color)}@media (hover: hover){.button.brand.svelte-xrelhc:hover{opacity:.9}}.button.secondary.svelte-xrelhc{background:var(--button-secondary-bg);color:var(--button-secondary-color)}.button.outline.svelte-xrelhc{background:transparent;border:1px solid currentColor}@media (hover: hover){.button.outline.svelte-xrelhc:hover{background:currentColor}}.button.outline.brand.svelte-xrelhc{color:var(--button-brand-bg)}@media (hover: hover){.button.outline.brand.svelte-xrelhc:hover{background:var(--button-brand-bg);color:var(--button-brand-color)}}.button.round.svelte-xrelhc{border-radius:50%}.button.square.svelte-xrelhc{padding:.5rem}.button.yellow.svelte-xrelhc{border-radius:60px;background:linear-gradient(180deg,#f8b73e,#ffe05f);padding-left:30px;padding-right:30px}
