@layer components{[data-ui=link-button]{width:fit-content;transition:color var(--transition-standard-fast-effects);color:var(--color-link-button);justify-content:center;align-items:center;gap:var(--spacing-4);display:inline-flex;position:relative}[data-ui=link-button]:is(a){text-decoration:none}[data-ui=link-button]:is(button){background-color:#0000;border:none}[data-ui=link-button]:before{content:"";width:100%;height:1px;transition:opacity var(--transition-standard-fast-effects);background-color:currentColor;position:absolute;inset-block-end:var(--spacing-0)}[data-ui=link-button]>i{flex-shrink:0;font-size:20px}[data-ui=link-button]:not([data-underline=true]):before{opacity:0}[data-ui=link-button][data-size=md]{font:var(--font-body-md)}[data-ui=link-button][data-size=sm]{font:var(--font-body-sm)}[data-ui=link-button][data-variant=gray]{--color-link-button:var(--color-on-surface-variant)}[data-ui=link-button][data-variant=black]{--color-link-button:var(--color-on-surface)}[data-ui=link-button][data-variant=primary]{--color-link-button:var(--color-primary)}[data-ui=link-button][data-variant=error]{--color-link-button:var(--color-error)}[data-ui=link-button]:disabled,[data-ui=link-button][aria-disabled=true]{color:color-mix(in srgb, var(--color-on-surface) 38%, transparent);cursor:auto;pointer-events:none}@media (hover:hover) and (pointer:fine){[data-ui=link-button]:hover:not(:disabled,[aria-disabled=true]){color:color-mix(in srgb, var(--color-link-button), var(--color-on-surface) 30%)}[data-ui=link-button]:hover:not(:disabled,[aria-disabled=true]):before{opacity:1}}}