.transaction-list-item {
  &__primary-currency {
    color: var(--color-text-default);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__secondary-currency {
    @include H7;

    margin-top: 4px;
    color: var(--color-text-alternative);
  }

  & &--unconfirmed {
    color: var(--color-text-alternative);
  }

  &--unconfirmed &__primary-currency {
    color: var(--color-text-alternative);
  }

  &__pending-actions {
    padding-top: 12px;
    display: flex;

    .button {
      @include H8;

      padding: 8px;
      width: 75px;
      white-space: nowrap;
    }

    & > .button:first-child {
      margin-right: 6px;
    }

    &:empty {
      padding-top: 0;
    }
  }

  .list-item__subheading {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .list-item__subheading > h3 {
    overflow: visible;
    display: flex;
    white-space: nowrap;
    text-overflow: initial;
  }

  .transaction-status-label::after {
    content: "·";
    margin: 0 4px;
  }

  &__address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}