.button.svelte-18sv61c{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.375rem;color:#fff;display:inline-flex;font-weight:500;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s}.button.svelte-18sv61c:active{transform:translateY(0)}.primary.svelte-18sv61c{background-color:#d91e5399;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 0 0 1px #ffffff0d}.primary.svelte-18sv61c:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #00000026,inset 0 0 0 1px #ffffff1a}.secondary.svelte-18sv61c{background-color:#1f293766;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 0 0 1px #ffffff0d}.secondary.svelte-18sv61c:hover{background-color:#37415180;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #00000026,inset 0 0 0 1px #ffffff1a}.outline.svelte-18sv61c{background-color:transparent;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 5px #0000001a}.outline.svelte-18sv61c:hover{border-color:var(--color-primary);box-shadow:0 6px 10px -3px #00000026,inset 0 0 0 1px #d91e534d;color:var(--color-primary)}.disabled.svelte-18sv61c{cursor:not-allowed;opacity:.6}.disabled.svelte-18sv61c:hover{box-shadow:none;transform:none}.gradient.svelte-18sv61c{background:var(--color-primary);top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;opacity:0;position:absolute;transition:opacity .3s}.group.svelte-18sv61c:hover .gradient:where(.svelte-18sv61c){opacity:.6}