.pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0;
}

.pagination-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  background-color: #DEDEDE;
}

.pagination-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.pagination-container > .pagination-item:not(:last-child) {
  margin-right: 5px;
}

.pagination-item.active {
  background-color: var(--secondary);
  color: #FFF;
}

.pagination-item.disabled {
  background: #BBB;
  color: #888;
  pointer-events: none;
}