@prefix: fxm-newsstatistic;
@color-primary: #0081ff;

.fxm-newsstatistic-wrap {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 1rem 1rem;
  .fxm-newsstatistic-read {
    color: @color-text-secondary;
    span {
      margin-left: 0.5rem;
    }
  }
  .fxm-newsstatistic-star {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: @color-text-secondary;
    span {
      margin-left: 0.5rem;
    }
  }
  .fxm-newsstatistic-active {
    color: @color-primary;
  }
}
.fxm-newsstatistic-icon,
.fxm-newsstatistic-icon-active {
  width: @font-size-base + 2;
  height: @font-size-base + 2;
}
.fxm-newsstatistic-icon {
  fill: @color-text-secondary;
}
.fxm-newsstatistic-icon-active {
  fill: @brand-primary;
}