.rs-post-navigation {
position: relative;
}
.rs-post-navigation::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 56px;
background: rgba(14, 14, 14, 0.2);
}
.rs-post-navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.rs-post-navigation ul li {
margin-right: 10px;
width: auto;
}
.rs-post-navigation ul li a {
background: #F55B1F;
color: #fff;
padding: 9px 22px;
border-radius: 6px;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 24px;
transition: all 0.3s ease 0s;
}
.rs-post-navigation ul li a span {
display: flex;
align-items: center;
}
.rs-post-navigation ul li a span svg {
position: relative;
margin-right: 10px;
top: -2px;
}
.rs-post-navigation ul li a span svg path {
fill: #fff;
transition: all 0.3s ease 0s;
}
.rs-post-navigation ul li.next {
margin-right: 0;
float: right;
}
.rs-post-navigation ul li.next a {
display: flex;
align-items: flex-end;
justify-content: end;
flex-direction: column;
position: relative;
transition: all 0.3s ease 0s;
}
.rs-post-navigation ul li.next a svg {
width: 14px;
height: 14px;
margin-right: 0;
margin-left: 10px;
transition: all 0.3s ease 0s;
}
.rs-post-navigation ul li.next a svg path {
transition: all 0.3s ease 0s;
}
.rs-post-navigation ul li.prev {
float: left;
}
.rs-post-navigation ul li.prev a svg {
width: 14px;
height: 14px;
transition: all 0.3s linear;
}
.rs-post-navigation.enable-dot ul li.prev a {
position: relative;
}
.rs-post-navigation.enable-dot ul li.prev a::before {
position: absolute;
content: "";
left: 0;
top: -4px;
height: 8px;
width: 8px;
background: #121315;
transition: all 0.3s ease 0s;
display: inline-block;
}
.rs-post-navigation.enable-dot ul li.prev a::after {
position: absolute;
content: "";
left: 0;
bottom: -4px;
height: 8px;
width: 8px;
background: #121315;
transition: all 0.3s ease 0s;
display: inline-block;
}
.rs-post-navigation.enable-dot ul li.prev:hover a::after, .rs-post-navigation.enable-dot ul li.prev:hover a::before {
background: #F55B1F;
}
.rs-post-navigation.enable-dot ul li.next a {
position: relative;
}
.rs-post-navigation.enable-dot ul li.next a::before {
position: absolute;
content: "";
right: 0;
top: -4px;
height: 8px;
width: 8px;
background: #121315;
transition: all 0.3s ease 0s;
display: inline-block;
}
.rs-post-navigation.enable-dot ul li.next a::after {
position: absolute;
content: "";
right: 0;
bottom: -4px;
height: 8px;
width: 8px;
background: #121315;
transition: all 0.3s ease 0s;
display: inline-block;
}
.rs-post-navigation.enable-dot ul li.next:hover a::after, .rs-post-navigation.enable-dot ul li.next:hover a::before {
background: #F55B1F;
}