.seo-counter {
display: flex;
align-items: center;
justify-content: center;
line-height: 1em;
color: white;
font-weight: 900;
}
.seo-counter__value {
display: inline-block;
overflow: hidden;
white-space: nowrap;
border-right: 2px solid currentColor;
max-width: 0;
}
.seo-counter__value.is-visible {
animation:
typing 1.5s steps(20, end) forwards,
blink 0.7s step-end 1.5s 1 forwards;
}
@keyframes typing {
from { max-width: 0; }
to   { max-width: 100%; }
}
@keyframes blink {
0%   { border-color: currentColor; }
50%  { border-color: transparent; }
100% { border-color: transparent; }
}