[Wordpress] Insert pagination for posts

/** CSS **/
.navigation>h2.screen-reader-text {
 display: none;
}

.nav-links .page-numbers {
 border-top: solid 1px #DDDDDD;
 border-left: solid 1px #DDDDDD;
 border-bottom: solid 1px #DDDDDD;
 padding: 4px 12px;
 float: left;
}
.nav-links .page-numbers:last-child {
 border-right: solid 1px #DDDDDD;
}
.nav-links .page-numbers.current {
 background-color: #266B7B;
 color: #fff;
}

/** PHP **/
<?php
    the_posts_pagination( array(
     'show_all' => false,
     'end_size' => 2,
     'mid_size' => 2,
     'prev_text' => '<span class="screen-reader-text">&laquo;</span>',
     'next_text' => '<span class="screen-reader-text">&raquo;</span>',
     'before_page_number' => '<span class="meta-nav screen-reader-text"></span>',
    ) );
?>