.Idea {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1);
  min-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.Idea.will-be-deleted {
  transform: translate3d(105%, 0, 0);
  background-color: #B71C1C;
  transition-duration: 1s;
}
.Idea > * {
  flex-basis: 0;
}
.Idea p {
  flex-grow: 8;
  margin-top: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Idea .Actions {
  flex-grow: 2;
  display: flex;
  flex-direction: row-reverse;
}
.Idea .Actions .IconButton {
  opacity: 0;
}
.Idea:hover .Actions .IconButton {
  opacity: 1;
}

.Idea {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: transform cubic-bezier(0.19, 1, 0.22, 1);
  min-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.Idea > * {
  flex-basis: 0;
}
.Idea p {
  flex-grow: 8;
  margin-top: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Idea .Actions {
  flex-grow: 2;
  display: flex;
  flex-direction: row-reverse;
}
.Idea .Actions .IconButton {
  opacity: 0;
}
.Idea:hover .Actions .IconButton {
  opacity: 1;
}

Remove redundant idea old animation css class
Remove redundant idea old animation css class
