.btn.svelte-1xko78n{--btn-corner:#fff;--btn-corner-hover:#000;z-index:1;color:#fff;text-align:center;vertical-align:top;background-color:#000;border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;min-width:170px;padding:14px 28px;font-size:17px;font-weight:700;line-height:1.4;transition:color .6s ease-out,border-color .6s ease-out,background-color .6s ease-out;display:inline-flex;position:relative;overflow:hidden}.btn.svelte-1xko78n:after{content:"";z-index:-1;background-color:var(--color-mint);width:150%;height:150%;transition:transform .6s ease-out;position:absolute;inset:-4% -20% 0 15%;transform:skew(45deg)scaleX(0)}.btn.svelte-1xko78n:hover:after,.btn.svelte-1xko78n:focus-visible:after{transform:skew(45deg)scale(1)}.btn.svelte-1xko78n:hover,.btn.svelte-1xko78n:focus-visible{color:#000}.label.svelte-1xko78n{align-items:center;gap:.5rem;display:inline-flex}.corners.svelte-1xko78n:before,.corners.svelte-1xko78n:after{content:"";opacity:.14;width:25px;height:25px;transition:border-color .6s ease-out,opacity .6s ease-out;position:absolute}.corners.svelte-1xko78n:before{border-top:1px solid var(--btn-corner);border-right:1px solid var(--btn-corner);top:7px;right:8px}.corners.svelte-1xko78n:after{border-bottom:1px solid var(--btn-corner);border-left:1px solid var(--btn-corner);bottom:7px;left:8px}.btn.svelte-1xko78n:hover .corners:where(.svelte-1xko78n):before,.btn.svelte-1xko78n:hover .corners:where(.svelte-1xko78n):after,.btn.svelte-1xko78n:focus-visible .corners:where(.svelte-1xko78n):before,.btn.svelte-1xko78n:focus-visible .corners:where(.svelte-1xko78n):after{border-color:var(--btn-corner-hover);opacity:.45}.btn[data-variant=outline-light].svelte-1xko78n{border-color:var(--color-light);color:var(--color-light);background-color:#0000}.btn[data-variant=outline-dark].svelte-1xko78n{--btn-corner:var(--color-ink);border-color:var(--color-ink);color:var(--color-ink);background-color:#0000}.btn[data-variant=outline-dark].svelte-1xko78n .corners:where(.svelte-1xko78n):before,.btn[data-variant=outline-dark].svelte-1xko78n .corners:where(.svelte-1xko78n):after{opacity:.25}.btn[data-variant=mint].svelte-1xko78n{--btn-corner:var(--color-ink);border-color:var(--color-mint);background-color:var(--color-mint);color:var(--color-ink)}.btn[data-variant=mint].svelte-1xko78n:after{background-color:var(--color-ink)}.btn[data-variant=mint].svelte-1xko78n .corners:where(.svelte-1xko78n):before,.btn[data-variant=mint].svelte-1xko78n .corners:where(.svelte-1xko78n):after{opacity:.25}.btn[data-variant=mint].svelte-1xko78n:hover,.btn[data-variant=mint].svelte-1xko78n:focus-visible{color:var(--color-mint)}.btn[data-variant=mint].svelte-1xko78n:hover .corners:where(.svelte-1xko78n):before,.btn[data-variant=mint].svelte-1xko78n:hover .corners:where(.svelte-1xko78n):after,.btn[data-variant=mint].svelte-1xko78n:focus-visible .corners:where(.svelte-1xko78n):before,.btn[data-variant=mint].svelte-1xko78n:focus-visible .corners:where(.svelte-1xko78n):after{border-color:var(--color-mint)}.btn.svelte-1xko78n:disabled{cursor:not-allowed;opacity:.55}.btn.svelte-1xko78n:disabled:after{transform:skew(45deg)scaleX(0)}@media (width<=767px){.btn.svelte-1xko78n{min-width:150px;padding:13px 22px;font-size:15px}}
