.side-buttons {
  margin-top: 1rem;
}

.side-buttons ul {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.side-buttons .page_item  {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  padding: 5px 10px;
  border-radius: 20px;
  overflow: hidden;
}
.side-buttons .page_item  a {
  display: inline-block;
  color: black;
  transition: color .3s ease;
  text-decoration: none;
  list-style-type: none;

}

.side-buttons .page_item:nth-child(3n) {
  border: 1px solid #185b9d;
}
.side-buttons .page_item:nth-child(3n + 1) {
  border: 1px solid red;
}
.side-buttons .page_item:nth-child(3n + 2) {
  border: 1px solid #f7971e;
}

.side-buttons .page_item:nth-child(3n):hover {
  background: linear-gradient(135deg, #438bce, #185a9d);
}
.side-buttons .page_item:nth-child(3n + 1):hover {
  background: linear-gradient(135deg, #ff512f, #dd2476);
}
.side-buttons .page_item:nth-child(3n + 2):hover {
  background: linear-gradient(135deg, #f7971e, #ffd200);
}
.side-buttons .page_item a:hover {
  color: #fff !important;
}