@import "../../lessStyles/globalColor.less";

.wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  .toolsItem {
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    cursor: pointer;

    .btnCount {
      margin-left: 2px;
    }

    .replyBtn {
      cursor: pointer;
      color: if(iscolor(@comment_blue), @comment_blue, blue);

      &:hover {
        color: lighten(if(iscolor(@comment_blue), @comment_blue, blue), 10%);
      }
    }

    &.favorBtnWrapper {
      min-width: 32px;

      .iconWrapper {
        min-width: 20px;
        display: inline-flex;
      }
    }
  }

  .replyCollapseBtn {
    cursor: pointer;
    color: if(iscolor(@comment_green), @comment_green, green);

    &:hover {
      color: if(iscolor(@comment_blue), @comment_blue, blue);
    }
  }
}