.grainy-btn.svelte-18sv61c{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;box-sizing:border-box;height:2.5rem;background:var(--bg);color:var(--text);border:var(--border) 1px solid}.grainy-btn.svelte-18sv61c:hover{background:var(--hover)}.content.svelte-18sv61c{position:relative;z-index:2;pointer-events:none}.grain.svelte-18sv61c{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:multiply}.grainy-btn[disabled].svelte-18sv61c{opacity:.6;cursor:not-allowed}.outline.svelte-18sv61c{border:var(--a1border) 1px solid;background-color:none;color:color-mix(in oklch,var(--text),transparent 30%)}.outline.svelte-18sv61c:hover{color:var(--text)}.alert.svelte-18sv61c{background-color:color-mix(in oklch,var(--alert),transparent 95%);border:color-mix(in oklch,var(--alert),transparent 80%) 1px solid;color:color-mix(in oklch,var(--text),var(--alert) 10%)}.alert.svelte-18sv61c:hover{background-color:color-mix(in oklch,var(--alert),transparent 90%);border:color-mix(in oklch,var(--alert),transparent 40%) 1px solid;color:color-mix(in oklch,var(--text),var(--alert) 20%)}