.link{text-wrap:nowrap;text-decoration:none;transition:color .2s}.link:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:2px}.link--default{color:var(--color-text-primary)}.link--default:hover{color:var(--color-text-muted)}.link--muted{color:var(--color-text-muted);position:relative}.link--muted:before{content:"";height:max(100%, var(--control-height));inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.link--muted:hover{color:var(--color-text-primary)}.link--unstyled{color:inherit;cursor:pointer;text-transform:none;text-wrap:wrap;background:0 0;border:none;padding:0;text-decoration:none}.link--unstyled:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:2px}.link--primary{--button-height:var(--control-height);--button-padding:var(--space-7);background-color:var(--color-primary);clip-path:polygon(0 0, 100% 0, calc(100% - var(--button-height) * var(--slant)) 100%, 0 100%);color:var(--color-text-on-primary);font-size:var(--font-size-base);align-items:center;gap:var(--space-2);height:var(--button-height);letter-spacing:var(--tracking-tight);padding:0 calc(var(--button-padding) + var(--button-height) * var(--slant)) 0 var(--button-padding);justify-content:center;font-weight:500;transition:filter .2s;display:inline-flex}[dir=rtl] .link--primary{padding:0 var(--button-padding) 0 calc(var(--button-padding) + var(--button-height) * var(--slant))}.link--primary.link--lg{--button-height:3rem;--button-padding:var(--space-9);font-size:var(--font-size-md);gap:var(--space-3)}.link--primary:hover{filter:brightness(1.15)}.link--primary:focus-visible{outline-offset:-4px}.link--tertiary{--rule:var(--color-border-strong);--button-height:var(--control-height);--button-padding:var(--space-7);color:var(--color-text-primary);font-size:var(--font-size-base);align-items:center;gap:var(--space-3);height:var(--button-height);isolation:isolate;letter-spacing:var(--tracking-tight);padding:0 var(--button-padding) 0 calc(var(--button-padding) + var(--button-height) * var(--slant));font-weight:500;display:inline-flex;position:relative}[dir=rtl] .link--tertiary{padding:0 calc(var(--button-padding) + var(--button-height) * var(--slant)) 0 var(--button-padding)}.link--tertiary:before{border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);content:"";pointer-events:none;transform:skewX(calc(atan(var(--slant)) * -1));transform-origin:0 100%;z-index:-1;transition:border-color .3s;position:absolute;inset:0}[dir=rtl] .link--tertiary:before{border-left:none;border-right:1px solid var(--rule);transform:skewX(calc(-1*(atan(var(--slant)) * -1)));transform-origin:100% 100%}.link--tertiary:after{background-color:var(--color-primary);content:"";pointer-events:none;transform-origin:0;height:2px;transition:transform .45s cubic-bezier(.2,0,0,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}[dir=rtl] .link--tertiary:after{transform-origin:100%}.link--tertiary:hover{--rule:var(--color-primary)}.link--tertiary:hover:after{transform:scaleX(1)}.link--tertiary.link--lg{--button-height:3rem;--button-padding:var(--space-9);font-size:var(--font-size-md)}.link--tertiary:focus-visible{outline-offset:4px}.link--secondary{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);align-items:center;gap:var(--space-3);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex;position:relative}.link--secondary:before{content:"";height:max(100%, var(--control-height));inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.link--secondary:hover{color:var(--color-primary-light)}.link__arrow{background-color:currentColor;flex-shrink:0;width:1.25rem;height:1px;transition:width .5s cubic-bezier(.2,0,0,1),margin .5s cubic-bezier(.2,0,0,1);position:relative}.link__arrow:after{content:"";border-top:1px solid;border-right:1px solid;width:.3rem;height:.3rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}[dir=rtl] .link__arrow:after{border-left:1px solid;border-right:none;left:0;right:auto;transform:translateY(-50%)rotate(-45deg)}.link__arrow--back:after{left:0;right:auto;transform:translateY(-50%)rotate(-135deg)}[dir=rtl] .link__arrow--back:after{left:auto;right:0;transform:translateY(-50%)rotate(135deg)}.link--secondary:hover .link__arrow,.link--tertiary:hover .link__arrow{width:1.75rem}.link--secondary:hover .link__arrow--back,.link--tertiary:hover .link__arrow--back{margin-inline-start:-.5rem}@media (prefers-reduced-motion:reduce){.link__arrow{transition:none}}
