---
title: "Link class"
description: "The `link` class for inline text links."
requested_language: ar
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/ar/next/reference/utilities/link
version: unreleased (main)
docs_index: https://docs.systhema.app/ar/next/llms.txt
---
> This page isn't translated yet. Showing English.


<!-- generated by pnpm docs:generate; do not edit -->

| Class  | Styles                                                                                                                                                                                                                                                                                                                                                                       |
| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `link` | `& { text-decoration: underline; color: var(--color-link-text-default); text-decoration-color: var(--color-link-underline-default); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, opacity; }`<br>`&:hover { color: var(--color-link-text-hover); text-decoration-color: var(--color-link-underline-hover); }` |