.arrow-link{min-block-size:2.75rem;max-inline-size:100%;color:var(--color-fg-heading);--mark-size:2rem;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.arrow-link__label{font-size:var(--text-body-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-block;position:relative}.arrow-link__label:after{content:"";transform-origin:100%;block-size:1px;transition:transform var(--duration-base) var(--ease-standard);background-color:currentColor;position:absolute;inset-block-end:-.3em;inset-inline:0;transform:scaleX(0)}.arrow-link__mark{inline-size:var(--mark-size);block-size:var(--mark-size);border-radius:var(--radius-full);background-color:var(--color-fg-heading);color:var(--color-bg-base);perspective:600px;transition:transform var(--duration-slow) var(--ease-quint);flex-shrink:0;place-items:center;display:grid}.arrow-link__mark svg{block-size:auto;inline-size:45%}.arrow-link--large{--mark-size:3rem;gap:1rem}.arrow-link--large .arrow-link__label{letter-spacing:.06em;font-size:.875rem;font-weight:500}.arrow-link--glass .arrow-link__mark{border:1px solid color-mix(in srgb, var(--color-fg-heading) 45%, transparent);background:color-mix(in srgb, var(--color-bg-base) 45%, transparent);color:var(--color-fg-heading);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media not (min-width:48rem){.arrow-link--large{--mark-size:2.75rem;gap:.75rem}.arrow-link--large .arrow-link__label{letter-spacing:.04em;font-size:.8125rem}}@media (hover:hover) and (pointer:fine){.arrow-link:hover .arrow-link__label:after,.arrow-link:focus-visible .arrow-link__label:after{transform-origin:0;transform:scaleX(1)}.arrow-link:hover .arrow-link__mark,.arrow-link:focus-visible .arrow-link__mark{transform:rotateY(720deg)}}.arrow-link:focus-visible{outline:2px solid var(--color-ring);outline-offset:6px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.arrow-link__mark,.arrow-link__label:after{transition:none}.arrow-link:hover .arrow-link__mark,.arrow-link:focus-visible .arrow-link__mark{transform:none}}
