.button-component.svelte-18sv61c{border-radius:5px;padding:10px;border:none;border:1px solid var(--color-back-3);background-color:var(--color-back-3);color:var(--color-a);transition-duration:.2s;font-size:large;display:inline-flex;align-items:center;text-wrap:nowrap;box-sizing:border-box}.button-component.icon-only.svelte-18sv61c{width:fit-content}.icon.svelte-18sv61c{margin-right:5px}.icon.icon-only.svelte-18sv61c{margin-right:0}.button-component.active.svelte-18sv61c{border:1px solid var(--color-fore)}.button-component.svelte-18sv61c:hover{animation:.2s forwards svelte-18sv61c-hover}.button-component.svelte-18sv61c:active{animation:.5s svelte-18sv61c-click}@keyframes svelte-18sv61c-hover{to{transform:scale(1.05)}}@keyframes svelte-18sv61c-click{50%{transform:scale(.95)}to{transform:scale(1)}}