.percentageCircle {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #489dff;
  background-image: linear-gradient(91deg, transparent 50%, #cacaca 50%),
    linear-gradient(90deg, #cacaca 50%, transparent 50%);
}
.percentageCircle-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 5px;
  left: 5px;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ffffff;
}
.percentageCircle-text {
}