Give this CSS a shot:
.post-navigation {
display: flex;
}
.nav-previous {
margin-right: auto;
}
.post-navigation .prev,
.post-navigation .next {
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.nav-next:after {
font-family: GeneratePress;
content: "\f105";
text-decoration: inherit;
position: relative;
margin-right: .6em;
width: 13px;
text-align: center;
display: inline-block;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
speak: none;
top: -5px;
}
.nav-next .next:before {
display: none;
}
For font size and colors, try this:
.post-navigation {
font-size: 20px;
}
.post-navigation a {
color: red;
}
.post-navigation a:hover {
color: blue;
}