.button.svelte-8l1pj8{padding-block:.75rem;padding-inline:1rem;border-radius:1rem;width:var(--width, 100%);height:var(--height, 35px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:filter .2s,box-shadow .2s;border:1px solid transparent}.button.svelte-8l1pj8:disabled{opacity:.6;cursor:not-allowed}.button-primary.svelte-8l1pj8{border-color:var(--color-harvest-gold);background-color:var(--color-sandy-beach);color:var(--color-dark)}.button-primary.svelte-8l1pj8:hover{filter:brightness(1.01);border-color:var(--color-harvest-gold);box-shadow:inset 1px 1px 1px #fff3,0 2px 1px #0000001a}.button-primary.svelte-8l1pj8:active{box-shadow:inset -1px -1px 1px #0000002b}.button-danger.svelte-8l1pj8{border-color:var(--color-danger);background-color:var(--color-danger-bg, #fbeaea);color:var(--color-danger)}.button-danger.svelte-8l1pj8:hover{filter:brightness(.99);border-color:var(--color-danger);box-shadow:inset 1px 1px 2px #ff00001f,0 2px 1px #ff00000d}.button-danger.svelte-8l1pj8:active{box-shadow:inset -1px -2px 2px #ff000021}.button-secondary.svelte-8l1pj8{border-width:2px;border-color:var(--color-pale-aqua);background-color:var(--color-light);color:var(--color-on-surface)}.button-secondary.svelte-8l1pj8:hover{filter:brightness(1.01);border-color:var(--color-pale-aqua);background-color:var(--color-sky);box-shadow:inset 1px 1px 1px #ffffff4d,0 2px #b9d6dd99,0 1px 1px #0000000d}.button-secondary.svelte-8l1pj8:active{transform:translateY(2px);box-shadow:inset -1px -1px 1px #0000001a,0 1px #b9d6dd99}.button-tertiary.svelte-8l1pj8{border-color:transparent;background-color:transparent;color:var(--color-on-surface-variant);opacity:.85;border-width:1px}.button-tertiary.svelte-8l1pj8:hover{opacity:1;background-color:var(--color-grey);border-color:var(--color-lavender);box-shadow:0 1px 2px #0000000d}.button-tertiary.svelte-8l1pj8:active{background-color:var(--color-lavender);box-shadow:inset 0 1px 2px #00000014}.button-content.svelte-8l1pj8{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem}.ripple.svelte-8l1pj8{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 70%,transparent 100%);transform:translate(-50%,-50%);z-index:1;pointer-events:none}