@use '../abstracts/cds-vars' as vars;

a.cds-link {
    color:var(--cds-color-text-default);
    text-decoration: underline;
    cursor: pointer;
    border-radius: vars.$cds-border-radius-25;
    
    &:hover {
        color: var(--cds-color-text-default--hover);
        text-decoration-color: var(--cds-color-text-default--hover);
    }

    &:active {
        color: var(--cds-color-text-default--active);
        text-decoration-color: var(--cds-color-text-default--active);
    }

    &:focus-visible {
        color: var(--cds-color-text-default--hover);
    }
}