&paginateSplitterCharacter=`` で「｜」を非表示にし、個別にテンプレートを変更します。
これで以下の様にHTMLが出力されるので、CSSでの装飾が容易になりました。

PREV
1
2
3
NEXT

こんな感じにCSSを調整

ul {
	list-style: none;
}
#pagination {
	display: flex;
	justify-content: flex-start;
}
#pagination li {
	margin-right: 4px;
}
#pagination li a, #pagination li span {
	text-decoration: none;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #222;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#pagination li.prev a, #pagination li.next a {
	width: 50px;
}
#pagination li a {
	transition: background 0.2s ease 0s;
}
#pagination li a:hover {
	background: #ddd;
}
#pagination li.active span {
	color: #fff;
	border: 1px #b5282e solid;
	background: #b5282e;
}

その他ページネーションパラメーター

&paginateAlwaysShowLinks=`1`

前の次のリンクを常に表示するか（初期値：0 表示しない）

&tplPaginateNextOff=`@CODE 
NEXT
`
&tplPaginatePreviousOff=`@CODE 
PREV
`

前後のリンクがない場合のテンプレート