SWELLのページャーをCocoon風にカスタマイズ

<?php //「次のページ」ページネーション

//現在のページ番号
global $paged;
if(empty($paged)) $paged = 1;

//ページ情報の取得
global $wp_query;
//全ページ数
$pages = $wp_query->max_num_pages;
if(!$pages){
  $pages = 1;
}

//ページが1ページしかない場合は出力しない
if($pages != 1) {
  //次のページ番号
  if ( $pages == $paged ) {
    $next_page_num = $paged;
  } else {
    $next_page_num = $paged + 1;
  }

  //現在のページ番号が全ページ数よりも少ないときは「次のページ」タグを出力
  if ( $paged < $pages ) {
    echo '<div class="pagination-next"><a href="'.get_pagenum_link($next_page_num).'" class="pagination-next-link">次のページ</a></div>';
  }

}
?>

// １ページのみで表示設定もない場合は 何も出力しない
if ( ! $show_only && 1 === $the_pages ) return '';

?>
<?php 
// 追加ココから
//https://nelog.jp/next-pagination
////ページが1ページしかない場合は出力しない
if($the_pages != 1) {
  //次のページ番号
  if ( $the_pages == $the_paged ) {
    $next_page_num = $the_paged;
  } else {
    $next_page_num = $the_paged + 1;
  }

  //現在のページ番号が全ページ数よりも少ないときは「次のページ」タグを出力
  if ( $the_paged < $the_pages ) {
    echo '<div class="pagination-next"><a href="'.get_pagenum_link($next_page_num).'" class="pagination-next-link">次のページ</a></div>';
  }

}
// 追加ココまで
?>
<div class="c-pagination">

.pagination-next-link:hover {
    background-color: var(--color_main);
    color: #fff;
}
.pagination-next-link {
    box-shadow: var(--swl-box_shadow);
}
/*「次のページ」ページネーション*/
.pagination-next-link {
  background-color: #f0f0f1;
  /*border: 1px solid #ccc;*/
	border-radius:50px;
  color: #333;
  display: block;
  font-size: 1.25em;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  display: block;
}

.pagination-next-link:hover {

  transition: all 0.3s ease 0s;
}