@layer components {
    .link {
        color: var(--link);
    }

    .link:hover {
        color: var(--link-hover);
    }

    .link--muted {
        color: var(--fg-muted);
    }

    .link--strong {
        font-weight: 500;
    }

    .link--small {
        font-size: 15px;
        font-weight: 500;
    }

    .link-pending {
        color: var(--link);
    }
}