.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;

  

  .buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    box-sizing: border-box;

    .buttonContainer {
      flex: 1;
    }
  }

  .filters {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;

    .filterContainer {
      flex: 1;
    }
  }

  .paginationContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}