.numbers-wrap{opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
   width: 100%;
   height: 100%;
   color: var(--wcp-white)
   
}
.numbers-wrap-inner{bottom: 30px; left:30px;
  position: absolute
}
.numbers-wrap:hover{opacity: 1}
.numbers {
  
  font-size: 90px;
  line-height: 1em;
  text-align: center;
  margin: 40px auto;
  overflow: hidden;
  height: 100%
}
.numbers label {
text-align: left;
letter-spacing: 4px
}
.numbers:hover .numbers__window {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 1em;
}
.numbers:hover .numbers__window__digit {
  font: inherit;
  word-break: break-all;
  display: block;
  width: 0;
  padding: 0 0.52em 0 0;
  margin: 0 auto;
  overflow: inherit;
  animation: counting 0.1s steps(10) forwards infinite;
}
.numbers:hover .numbers__window__digit::before {
  content: attr(data-fake);
  display: inline-block;
  width: 100%;
  height: auto;
}
.numbers:hover .numbers__window__digit--1 {
  animation-iteration-count: 3;
}
.numbers:hover .numbers__window__digit--2 {
  animation-iteration-count: 6;
}
.numbers:hover .numbers__window__digit--3 {
  animation-iteration-count: 9;
}
.numbers:hover .numbers__window__digit--4 {
  animation-iteration-count: 12;
}
.numbers:hover .numbers__window__digit--5 {
  animation-iteration-count: 15;
}

@keyframes counting {
  100% {
  transform: translate3d(0, -10em, 0);
  }
}