.container {
  position: relative;
  margin: 40px 0px;
  max-width: 314px;
  background: var(--secondary-color);
  border-radius: 20px;
  padding: 25px 30px;
  box-shadow: var(--bg-box-shadow);
}

.head {
  font-size: 18px;
  font-weight: 600;
}

.chart {
  position: relative;
  margin: 60px 0px;
  width: 100%;
  transform: scale(1.4);
}

.total {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 12px;
  color: var(--text-color-secondary);
  font-weight: 500;
}

.number {
  margin-top: 8px;
  font-size: 18px;
  color: var(--text-color);
  font-weight: 700;
}