.container {
  display: block;
}

.row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.progBar {
  display: flex;
  align-items: center;
}

.name {
  @include flex-align(center, center); 
}

.numberBox {
  width: fit-content;
  min-width: 40px;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(108.74deg, rgba(2, 3, 21, 0.77) 0%, rgba(43, 43, 51, 0.6) 100%);
  position: relative;
  border-radius: .8rem;

  @include border-gradient-single(linear-gradient(
    108.74deg,
    rgba(4, 18, 148, 0.6) 0%,
    rgba(255, 255, 255, 0.54) 36.46%,
    rgba(255, 255, 255, 0.3) 73.96%,
    rgba(255, 255, 255, 0.246) 100%
  ),transparent);

  > span {
    color: #fff;
    text-align: center;
    width: fit-content;
    font-size: 16px;
    line-height: 24px;
  }
}
