.balls {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  margin-bottom: 10px;
  .display-4 {
    line-height: 1.2 !important;
  }
}
.balls-primary {
  background-color: lighten($primary, 45%);
}
.balls-success {
  background-color: lighten($success, 54%);
}
.balls-danger {
  background-color: lighten($danger, 41%);
}
.balls-warning {
  background-color: lighten($warning, 41%);
}