@use 'src/styles/colors';

.search-history-item {
  display: flex !important;

  &:hover .search-history-item__icon svg {
    fill: colors.$blue;
  }

  &__icon {
    display: flex !important;
    align-items: center;
    flex-grow: 0;
  }

  &__data {
    display: flex !important;
    flex-direction: column;
    flex-grow: 1;

    .description-row {
      flex-wrap: wrap;
    }

    .description {
      white-space: normal;
    }
  }
}
