@import "./stakingConfig";

.component {
  margin: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dfe4e8;
}

%base {
  text-align: center;
  margin-bottom: 7px;
}

.heading {
  @extend %base;
  @extend %accentText;
}

.timeLeft {
  @extend %base;
  @extend %accentText;
  font-size: 36px;
}

.info {
  @extend %base;
  @extend %regularText;

  span.link {
    text-decoration: underline;
    color: $staking-font-color-link;
  }
}


@import "./stakingConfig";

.component {
  margin: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dfe4e8;
  text-align: center;
}

.heading {
  @extend %accentText;
  margin-bottom: 7px;
}

.timeLeft {
  @extend %accentText;
  margin-bottom: 7px;
  font-size: 36px;
}

.info {
  @extend %regularText;
  margin-bottom: 7px;
  span.link {
    text-decoration: underline;
    color: $staking-font-color-link;
  }
}


Improve block chain generation info component css styles
Improve block chain generation info component css styles
