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

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

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

.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.1875rem);
    text-decoration-color: var(--text-decoration-color, inherit);
    text-decoration-thickness: var(--text-decoration-thickness, 0.125rem);
}

.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);
}