.transaction-status {
  display: inline;

  &--confirmed {
    color: $success-3;
  }

  &--unapproved {
    color: $Orange-500;
  }

  &--failed {
    color: $Red-500;
  }

  &--cancelled {
    color: $Red-500;
  }

  &--dropped {
    color: $Red-500;
  }

  &--rejected {
    color: $Red-500;
  }

  &--pending {
    color: $Orange-500;
  }

  &--queued {
    color: $Grey-500;
  }
}