Georgiy, не очень понятно что и куда у тебя пляшет. pagination просто занимает 30% ширины слайдера, pagination__track позиционируется left: 0; top: 50%; относительно pagination.
Qurel, обновил ответ. Кружки должны быть строго по центру их родителя, иначе стрелочку не выровняешь.
PS. не обязательно творить магию с маски на svg, свойство stroke-dashoffset и без этого прекрасно анимируется.
pagination
просто занимает 30% ширины слайдера,pagination__track
позиционируетсяleft: 0; top: 50%;
относительноpagination
.