.link {
    --color: var(--root-color-text-link);
    --font-family: inherit;
    --font-size: var(--root-font-size); /* Reset, use REM */
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
    --text-underline-offset: var(--root-text-underline-offset);
    --text-decoration-color: inherit;
}

.link:active,
.link:focus,
.link:hover {
    --color: var(--root-color-text-link--hover);
}

.link .icon {
    --fill: currentColor;
    --height: 1em;
}

.link:hover .icon {
    --fill: currentColor;
}

.link .link__label {
    --font-size: 1em; /* Mobile 16px / > Mobile 18px */
}

.link .file-info {
    --color: inherit;
    --font-family: inherit;
    --font-size: 1em; /* Mobile 16px / > Mobile 18px */
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
}

.link .file-info-size {
    --color: inherit;
    --font-family: inherit;
    --font-size: 1em; /* Mobile 16px / > Mobile 18px */
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
}

.link .icon {
    display: inline-block;
    vertical-align: middle;
}

.link .icon--before {
    margin-right: 0.5em;
}

.link .icon--after {
    margin-left: 0.5em;
}

.link {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1rem);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    color: var(--color, black);
    text-underline-offset: var(--text-underline-offset, 0.1rem);
    text-decoration-color: var(--text-decoration-color, inherit);
}

.link .icon {
    height: var(--height, 1em);
    fill: var(--fill, currentColor);
}

.link .link__label {
    font-size: var(--font-size, 1em); /* Mobile 16px / > Mobile 18px */
}

.link .file-info {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    color: var(--color, black);
}

.link .file-info-size {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    color: var(--color, black);
}