.link.svelte-1t1aqs2{--color: var(--color);--back-color: var(--back-color);--bg: var(--bg);--back-bg: var(--back-bg);--gap: var(--gap);position:relative;width:100%;min-width:100%;height:100%;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center;letter-spacing:.3px;line-height:120%;font-size:.9rem;font-weight:600;perspective:1000px;transition-duration:.3s;transition-property:color,background-color,transform;transition-timing-function:cubic-bezier(.22,1,.3,1)}.link.border-all.svelte-1t1aqs2{border:1px solid var(--color)}.link.border-right.svelte-1t1aqs2{border-right:1px solid var(--color)}.link.border-none.svelte-1t1aqs2{border:none}.surface.svelte-1t1aqs2{padding:var(--padding, 12px 0);width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap, 8px)}.link-front.svelte-1t1aqs2{background-color:var(--bg);transition:transform .8s var(--ease-out),opacity .7s var(--ease-out)}.link-front.svelte-1t1aqs2 span:where(.svelte-1t1aqs2){white-space:nowrap;color:var(--color);text-transform:uppercase}.link-back.svelte-1t1aqs2{left:0;position:absolute;top:0;width:100%;background-color:var(--back-bg);--ty: 105%;perspective:1000px;transform:translateY(var(--ty)) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.22,1,.3,1);overflow:hidden}.link-back.svelte-1t1aqs2 span:where(.svelte-1t1aqs2){white-space:nowrap;color:var(--back-color);text-transform:uppercase;transition:transform .3s var(--ease-in)}.link.svelte-1t1aqs2:hover .link-front:where(.svelte-1t1aqs2){opacity:0;transform:translateY(-100%) rotateX(90deg)}.link.svelte-1t1aqs2:hover .link-back:where(.svelte-1t1aqs2){--ty: 0%;opacity:1;transform:translateY(0) rotateX(0);transition-delay:.12s}.link.svelte-1t1aqs2:active .surface:where(.svelte-1t1aqs2){transform:scale(1.05)}