<nav class="radikalwp-pager"><a class="radikalwp-pager-nav" href="#">قبلی<//a><a href="#">۱<//a><span class="radikalwp-pager-cur">۲<//span><a href="#">۳<//a><i>...<//i><a href="#">۹<//a><a class="radikalwp-pager-nav" href="#">بعدی<//a><//nav>

.radikalwp-pager { display: inline-flex; align-items: center; gap: 6px; font-family: inherit; font-size: 13.5px; }
.radikalwp-pager a, .radikalwp-pager span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  color: #475569;
  text-decoration: none;
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  transition: all .25s ease;
}
.radikalwp-pager a:hover { border-color: #6366f1; color: #6366f1; }
.radikalwp-pager .radikalwp-pager-cur { background: #4f46e5; border-color: #4f46e5; color: #fff; font-weight: 700; }
.radikalwp-pager .radikalwp-pager-nav { font-weight: 600; }
.radikalwp-pager i { color: #cbd5e1; font-style: normal; }