.svelte-o8k2s1.svelte-o8k2s1{text-align:center;font-family:Orbitron}h2.svelte-o8k2s1.svelte-o8k2s1{font-size:2em;font-weight:300;color:gold}button.svelte-o8k2s1.svelte-o8k2s1{display:block;width:100%}.multi-button.svelte-o8k2s1 button.svelte-o8k2s1{margin-bottom:1em}button.svelte-o8k2s1.svelte-o8k2s1{--border:.2em;--slant:.7em;--color:gold;font-size:2em;padding:.4em 1.2em;border:none;cursor:pointer;font-weight:400;color:#fff;background:linear-gradient(to bottom left,var(--color) 50%,#0000 50.1%) top right,linear-gradient(to top right,var(--color) 50%,#0000 50.1%) bottom left;background-color:#000000b3;background-size:calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border));background-repeat:no-repeat;box-shadow:0 0 0 200px inset var(--s,#0000),0 0 0 var(--border) inset var(--color);clip-path:polygon(0 0,calc(100% - var(--slant)) 0,100% var(--slant),100% 100%,var(--slant) 100%,0 calc(100% - var(--slant)));transition:color var(--t,.3s),background-size .3s}button.svelte-o8k2s1.svelte-o8k2s1:focus-visible{outline-offset:calc(-1*var(--border));outline:var(--border) solid #000c;clip-path:none;background-size:0 0}button.svelte-o8k2s1.svelte-o8k2s1:hover,button.svelte-o8k2s1.svelte-o8k2s1:active{background-size:100% 100%;color:#000;--t:.2s .1s}button.svelte-o8k2s1.svelte-o8k2s1:active{--s:#0005;transition:none}@media (max-width: 768px){.svelte-o8k2s1.svelte-o8k2s1{font-size:.9em}}