.pagination {
  display: inline-flex;
  align-items: center;
  gap: 18px;
}

.pagination .pagination-item {
  color: #a7a7a7;
  font-weight: 400;
  font-size: 18px;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  padding-right: 3px;
  text-align: center;
  cursor: pointer;
  clip-path: polygon(0% 0%, 65% 0%, 100% 35%, 99% 95%, 35% 95%, 0% 61%);
}

.pagination .pagination-item.active {
  font-weight: 600;
  color: #ffffff;
  background-color: #dd577f;
  cursor: pointer;
  /* clip-path: polygon(0% 0%, 70% 0%, 100% 30%, 100% 100%, 30% 100%, 0% 70%); */
}

.pagination-item:hover:not(.active) {
  background-color: #a7a7a74d;
  cursor: pointer;
}

.pagination-previous,
.pagination-next {
  cursor: pointer;
  padding: 0px 5px;
}
.pagination-previous:hover,
.pagination-next:hover {
  opacity: 0.6;
  cursor: pointer;
}