.button.svelte-18sv61c{cursor:pointer;background-color:var(--accent);color:var(--black);font:600 16rem/1 var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50rem;margin:0;padding:12rem 24rem;text-decoration:none;display:block}.button.svelte-18sv61c:hover{text-decoration:none;transition:box-shadow .1s ease-in-out;box-shadow:0 0 20rem #00000040}.button.red.svelte-18sv61c{background-color:var(--red);color:var(--white-bright)}.button.orange.svelte-18sv61c{background-color:var(--orange)}.button.yellow.svelte-18sv61c{background-color:var(--yellow)}.button.blue.svelte-18sv61c{background-color:var(--blue)}.button.green.svelte-18sv61c{background-color:var(--green);color:var(--white-bright)}.button.black.svelte-18sv61c{background-color:var(--black);color:var(--white-bright)}.button.white.svelte-18sv61c{background-color:var(--white-bright)}.button.texture.svelte-18sv61c{border:4rem solid #fff;border-radius:0;font-size:18rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 2rem #00000080}.button.texture.svelte-18sv61c:hover{box-shadow:0 0 20rem #00000040}.button.texture.svelte-18sv61c .children:where(.svelte-18sv61c){z-index:2;position:relative}.button.texture.svelte-18sv61c .bg:where(.svelte-18sv61c){opacity:.25;z-index:1;pointer-events:none;background:url(../../../components/button-bg.avif) 50%;position:absolute;inset:0}