.pagination {
  clear: both;
}

.pagination li {
  display: inline;
}

.pagination a {
  text-decoration: none;
  width: 35px;
  line-height: 30px;
  font-family: Entypo;
  font-size: 18px;
  text-align: center;
  color: var(--primary-cold, #9B7840);
  transition: color .3s;
  margin-left: 5px;
  margin-right: 5px;
}

.pagination a:hover,
.pagination a:active {
  background: var(--primary-body-background, #fff) !important;
  border: 2px solid var(--primary-cold, #9B7840);
}

.pagination span.current {
  text-decoration: none;
  width: 35px;
  line-height: 30px;
  font-family: Entypo;
  font-size: 22px;
  text-align: center;
  color: var(--primary-cold, #9B7840);
  transition: color .3s;
  border-bottom: 2px solid var(--primary-cold);
}

.pagination span.disabled {
  text-decoration: none;
  width: 35px;
  line-height: 30px;
  font-family: Entypo;
  font-size: 18px;
  text-align: center;
  color: var(--primary-gray-dark, #353530);
  background: var(--primary-body-background, #fff) !important;
}