.custom-post-navigation-parent {
position: relative;
display: flex;
flex-direction: column; }
.custom-post-navigation-parent::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background: #ddd;
transform: translateX(-50%);
} .custom-post-navigation {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start; } .custom-post-navigation:first-child a {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #888;
text-decoration: none;
} .custom-post-navigation:last-child a {
font-size: 14px;
font-weight: normal;
color: #444;
text-decoration: none;
max-width: 45%;
white-space: normal;
word-break: break-word;
} .custom-post-navigation a.prev-post {
text-align: right;
}
.custom-post-navigation a.next-post {
text-align: left;
}