.zigzag-timeline__item {
position: relative;
border-bottom: 1px solid #71717a;
width: 100%;
}
.zigzag-timeline__milestone {
position: absolute;
top: 50%;
border-radius: 50%;
height: 2rem;
width: 2rem;
background: #71717a;
}
.zigzag-timeline__item:nth-child(2n) {
border-left: 1px solid #71717a;
}
.zigzag-timeline__item:nth-child(2n) .zigzag-timeline__milestone {
left: 0;
transform: translate(-50%, -50%);
}
.zigzag-timeline__item:nth-child(2n + 1) {
border-right: 1px solid #71717a;
}
.zigzag-timeline__item:nth-child(2n + 1) .zigzag-timeline__milestone {
right: 0;
transform: translate(50%, -50%);
}