@import '../variables.scss';
@import '../utils.scss';
@import "~@alifd/next/lib/core/index-noreset";
@import '~@alifd/next/lib/button/scss/variable';
@import '~@alifd/next/lib/button/scss/mixin';
$b-design-link-height:$s-4;
$b-design-link-small-font-size:$s-3;
$b-design-link-medium-font-size:14px;
$b-design-link-large-font-size:$s-4;

#{$btn-prefix} {
  &.#{$css-prefix}link {
    padding: 0;
    height: $b-design-link-height;

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

  &-group.#{$css-prefix}link-group {
    display: flex;

    &>div,
    &>.#{$css-prefix}btn:not(:last-child) {
      margin-right: $s-4;
    }

    &-small {
      div {
        line-height: $b-design-link-height;
        height: $b-design-link-height;
        font-size: $b-design-link-small-font-size;
      }

    }

    &-medium {
      div {
        line-height: $b-design-link-height;
        height: $b-design-link-height;
        font-size: $b-design-link-medium-font-size;
      }

    }

    &-large {
      div {
        line-height: $b-design-link-height;
        height: $b-design-link-height;
        font-size: $b-design-link-large-font-size;
      }
    }
  }
}