// Styles for Summary Stats component

.summary-stats-container {
  display: flex;
  justify-content: space-around;

  &.summary-stats-container--right {
    justify-content: flex-end;
    .summary-stat {
      margin-left: 20px;
    }
  }
}

.summary-stat {
  padding: 10px 20px;
}

.summary-stat__value {
  font-size: 20px;
  color: $PRIMARY_FONT_COLOR;
  &.wrapped {
    width: 275px;
  }
}

.summary-stat__label {
  font-size: 14px;
  color: $TERTIARY_FONT_COLOR;
  &.underlined {
    display: inline-block;
    border-bottom: 1px dotted;
    cursor: pointer;
  }
}