.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 0; /* ← fully drawn */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #ffffff;
  fill: none;
}

.checkmark {
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 0; /* ← fully drawn */
}