.pagination {
  .page-buttons {
    display: flex;
    padding-left: 0;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
    button {
      color: #495057;
      background-color: #e9ecef;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      border: 1px solid transparent;
      padding: .35rem .65rem;
      font-size: .875rem;
      border-radius: 3px;
      transition: all .15s ease-in-out;
      text-transform: none;
      font-family: inherit;
      touch-action: manipulation;
      margin-right: 5px;
      margin-left: 5px;
      &:nth-child(1) {
        margin-left: 0;
      }
      &:hover {
        background-color: #dee2e6;
      }
      &:disabled {
        background-color: #17a2b8;
        border-color: #17a2b8;
        opacity: .65;
        cursor: not-allowed;
        color: #fff;
        &:hover {
          background-color: #17A2B8;
        }
      }
    }
  }
  .sk-cube-grid {
    width: 45px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
  }
}