@use '../abstracts/variables' as *;

.link {
    color: var(--color-accent-strong);
    font-weight: 500;
    font-size: inherit;

    &:hover {
        text-decoration: underline;
    }
}

.link--danger {
    color: var(--color-danger);
    font-weight: 500;

    &:hover {
        text-decoration: underline;
    }
}

.link--muted {
    color: var(--color-text-secondary);

    &:hover {
        color: var(--color-text-primary);
    }
}