2026-06-23 10:51:40 +02:00
|
|
|
@use "../../styles/tokens/typography" as *;
|
2026-06-04 12:49:20 +02:00
|
|
|
|
2026-06-23 10:51:40 +02:00
|
|
|
.link__container {
|
|
|
|
|
width: fit-content;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.link {
|
2026-06-04 12:49:20 +02:00
|
|
|
text-decoration: none;
|
|
|
|
|
color: var(--nds-primary);
|
|
|
|
|
@include text-base;
|
2026-06-23 10:51:40 +02:00
|
|
|
font-weight: 600;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: var(--nds-spacing-3xs);
|
|
|
|
|
border-bottom: 1px solid transparent;
|
|
|
|
|
transition:
|
|
|
|
|
border-color 130ms ease,
|
|
|
|
|
color 130ms ease;
|
|
|
|
|
&:hover {
|
|
|
|
|
border-bottom-color: var(--nds-primary);
|
2026-06-04 12:49:20 +02:00
|
|
|
}
|
2026-06-23 10:51:40 +02:00
|
|
|
&:focus-visible {
|
|
|
|
|
outline: none;
|
|
|
|
|
box-shadow: 0 0 0 3px var(--nds-ring);
|
|
|
|
|
border-radius: var(--nds-radius-xs);
|
|
|
|
|
}
|
|
|
|
|
}
|
