.listContainer {
  width: 100%;
  > * {
    margin-bottom: 4px;
  }
}

.listItems {
  display: flex;
  flex-direction: column;

  > * {
    margin-bottom: 4px;
  }
}

.listItem {
  display: flex;
  flex-direction: row;

  &:hover,
  &:focus {
    .buttonGroup {
      visibility: visible;
    }
  }

  >:first-child {
    flex: 1;
  }
}

.buttonGroup {
  display: flex;
  flex-direction: row;
  visibility: hidden;
}