@import "../ui.vars.less";

sc-link-button {
    display: inline-flex;
    align-items: baseline;
    color: @scAction;
    cursor: pointer;

    &:hover {
        opacity: .7;
    }
    &[small]{
        font-weight: normal;
        font-size: 0.75rem;
        line-height: 1rem;
    }
    &[danger],&[negative] {  // [danger] is deprecated design language, use negative
        color: @scNegative;
    }
    &[cancel] {
        color: @Slate_400;
    }

    &[wrap] {
      display: unset;
    }
}