.pagination {
  .icon {
    fill: $pagination-color;
  }
  
  .disabled {
    .icon {
      fill: $pagination-disabled-color;
    }
  }
}

// responsive pagination
@media (max-width: 576px) {
  .pagination-responsive {
    display: flex;
    flex: 0 0 100%;
  }

  .pagination-responsive .pagination {
    flex: 0 0 100%;
  }

  .pagination-responsive li {
    flex-grow: 1;
  }

  .pagination-responsive .page-item:last-child .page-link {
    text-align: right;
  }
}