.transaction {

  &__dot {
    display: inline-block;
    height: 10px;
    width: 10px ;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: baseline;

    &--pending { background-color: $gray-500; }
    &--success { background-color: $success; }
    &--failed { background-color: $danger; }
    &--out_of_gas { background-color: $warning; }
  }
}