.expansible-list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: .25rem;
}

.expansible-list-item--toggle-button {
  span.icon {
    rotate: 90deg;
    transition: rotate .2s ease-in;
  }
}

.expansible-list-item:has(.expansible-list-item--second-row.hidden) > .expansible-list-item--first-row > .expansible-list-item--toggle-button > span.icon {
  rotate: 0deg;
}

.expansible-list-item--first-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem;
}

.expansible-list-item--first-row-content {
  width: calc(100% - 10px);
}

.expansible-list-item--second-row {
  width: 100%;
}