.btn.svelte-1mckclb{cursor:pointer;color:inherit;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:600;transition:border-color .3s;display:inline-flex;position:relative;overflow:hidden}.btn.svelte-1mckclb:disabled{opacity:.5;pointer-events:none}.btn.svelte-1mckclb:before,.btn.svelte-1mckclb:after{content:"";border-radius:inherit;background-position:100% 100%;background-size:220% 220%;transition:background-position .3s;position:absolute;inset:0}.btn.svelte-1mckclb:after{background-image:linear-gradient(135deg, var(--fill) 50%, transparent 50%);z-index:0}.btn.svelte-1mckclb:before{background-image:linear-gradient(to top, color-mix(in srgb, var(--fill) 50%, var(--accent)), var(--accent));opacity:0;z-index:1;background-size:100% 100%;transition:-webkit-mask-position .3s,mask-position .3s,opacity .3s;-webkit-mask-image:linear-gradient(135deg,#000 50%,#0000 50%);mask-image:linear-gradient(135deg,#000 50%,#0000 50%);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:220% 220%;mask-size:220% 220%}.btn.svelte-1mckclb:hover:before{-webkit-mask-position:0 0;mask-position:0 0}.btn.svelte-1mckclb:hover:after{background-position:0 0}.btn.pulse.svelte-1mckclb:before{opacity:1}.btn.reset.svelte-1mckclb:before{opacity:0;transition:none}.btn-content.svelte-1mckclb{z-index:2;transition:color .3s;position:relative}.btn.svelte-1mckclb:hover .btn-content:where(.svelte-1mckclb){color:var(--text-hover)}.btn.shadow-sm.svelte-1mckclb{box-shadow:0 2px 16px #00000080,inset 0 0 20px 12px #0006}