Add a pipe next to the title of each post

[Nesta]

Hi Everyone

I want to do the thing like the small image to the large image.
Put it simply, I would like to put a "pipe" next to each post titles.
(I used the "POSTS" element to make the right side sidebar)
I have a css code, but i think there is some problem with it.
And that's why there is only one"pipe" shown and not in the proper location.
Can any expert show the magic to help me to solve this problem?

Here is my code
.pipe .elementor-post__title::before {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 4px;
height: 12px;
background-color: #d58c0c;
}


Thanks
Nesta