/* *****************************************************************************
*
*  Link
*
* ***************************************************************************** */

.bf-link {
    display: inline-block;
    text-decoration: underline;
    border-radius: var(--bf-border-radius-small);
    transition: background-color .25s;

    &:hover {
        background-color: var(--bf-color-bg-action-no-bg-hover);
    }

    &.disabled {
        color: var(--bf-color-neutral-tertiary);
    }

    &--primary {
        font-family: $font-family-secondary;
        @extend .font-weight-bold;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
}