.order-status {
  background: rgba(2, 119, 189, .1);
  padding: 2px 8px;
  border-radius: 50px;
  font-weight: 500;
  display: flex;
  align-items: center;

  .icon {
    font-size: 1rem;
    height: auto;
    color: $blue;
    margin-right: 8px;
  }

  &.completed {
    background: rgba(103, 165, 9, .1);

    .icon {
      color: $green;
    }
  }

  &.cancelled {
    background: rgba(207, 0, 15, .1);

    .icon {
      color: $red;
    }
  }
}