section.smooth-counter-block {
  --circle-size: clamp(320px, 9.55vi + 246.67px, 430px);
  --position-x: calc(100vw - (var(--circle-size) + 40px));
  --position-y: calc(100% - (var(--circle-size) / 2) + (var(--block-padding) * 5));
  position: relative;
  overflow: hidden;
}
section.smooth-counter-block .container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 40px;
  padding-block: calc(var(--block-padding) * 1.5);
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  section.smooth-counter-block .container {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1080px;
    margin-inline: auto;
  }
}
section.smooth-counter-block .container .number {
  display: flex;
  flex-direction: column;
  justify-self: center;
}
section.smooth-counter-block .container .number span {
  font-weight: bold;
  margin: 0;
  font-size: clamp(8rem, 3.47vi + 5.33rem, 12rem);
  line-height: 1.1;
  text-align: center;
}
section.smooth-counter-block .container .number p {
  text-align: center;
}
@media (min-width: 768px) {
  section.smooth-counter-block {
    --position-y: calc(100% - (var(--circle-size) / 2) + (var(--block-padding) * 1.5));
  }
}
@media (min-width: 1720px) {
  section.smooth-counter-block {
    --position-x: calc(100% + (var(--circle-size) * 2));
  }
}
section.smooth-counter-block span.circle {
  position: absolute;
  height: var(--circle-size);
  width: var(--circle-size);
  transform: translate(var(--position-x), var(--position-y)) scale(1);
  border-radius: 50%;
  background-color: var(--wp--preset--color--red);
  transition: transform 3s ease-in-out;
}
section.smooth-counter-block:hover span.circle {
  --position-x: calc(-0.1 * var(--circle-size));
  --position-y: calc(-0.5 * var(--circle-size));
  transform: translate(var(--position-x), var(--position-y)) scale(1.5);
}