button.svelte-tdi8ln{min-width:30px;font-size:14px;font-weight:700;color:var(--cream);box-shadow:0 4px 8px -4px #00000040,inset 0 -1px 1px #0000000a,inset 0 2px #ffffff40;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;position:relative;align-self:center}button.svelte-tdi8ln.orange{background-color:var(--orange)}button.svelte-tdi8ln.green{background-color:var(--green)}button.svelte-tdi8ln.red{background-color:var(--red)}button.svelte-tdi8ln.grey{background-color:var(--mid_grey);color:var(--charcoal)}button.svelte-tdi8ln.grey i{color:var(--charcoal)}button.svelte-tdi8ln i{color:var(--cream);margin-right:10px}button.svelte-tdi8ln img:where(.svelte-tdi8ln){height:100%;width:auto;display:block;margin-right:10px;border-radius:100%;border:3px solid var(--cream);position:absolute;top:0;left:0}button.svelte-tdi8ln span.loading:where(.svelte-tdi8ln){width:14px;height:14px;border-radius:50%;display:inline-block;border-top:3px solid #fff;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}button.svelte-tdi8ln:hover{transform:scale(1.05)}button.svelte-tdi8ln:has(img){padding-left:50px}