%link-alternate {
  &.link-alternate {
    color: $blue-300;
  }
}

.sds-link {
  cursor: pointer;

  &.paragraph-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: $blue-300;

    @extend %link-alternate;

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

  &.standalone-link {
    font-weight: $font-weight-semibold;
    color: $gray-600;

    @extend %link-alternate;

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

  > sds-icon {
    @extend .me-1;

    text-decoration: none !important;
    display: inline-block;

    .material-icons-round {
      font-size: inherit;
      line-height: inherit;
    }
  }

  &.btn-icon-label {
    padding-left: 0;

    &.btn-icon-label > sds-icon { @extend .me-1; }
  }
}