.pagination {
  margin: 20px auto 10px ;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;

  padding: 0;

  li {
    font-size: 14px;
    border-radius: 12px;
    padding: 4px 18px;
    background: var(--background);
    list-style: none;
    filter: brightness(90%);

    &.disabled {
      pointer-events: none;
      opacity: .7;
    }

    &.active {
      background: var(--secondary);
    }
  }
}