Moving Blog navigation links to top instead of bottom

Hi Everyone,

My client has asked if it is possible to move the blog page navigation links from the bottom of the post list to the top?

I can't find anything online about this, so i'm hoping this can be resolved in the forum?

Also is there a way to have the nav link at both the top and the bottom?

Thanks in advance,

Jason

Here's a screenshot.

Add to Blog Page Header

<style>
.view-item main#page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: 100px;
}
  section.item-pagination.item-pagination--prev-next {
    padding-top: 0;
    padding-bottom: 5px;
}
  .view-item #page section:first-child {
    padding-top: 10px !important;
}
</style>