.tag {
    display: inline-block;
    padding: 0 10px;
    background-color: var(--color-background-disabled);
    color: var(--color-text);
    &.pending{
        background-color: var(--color-background-disabled);
        color: var(--color-text);
    }
    &.progress{
        background-color: var(--color-background-accent);
        color: var(--color-text-accent);
    }
    &.success{
        background-color: var(--color-border-success);
        color: var(--color-text);
    }
    &.rejected{
        background-color: var(--color-background-accent-bolder);
        color: var(--color-text-inverse);
    }
    &.error{
        background-color: var(--color-border-error);
        color: var(--color-text-inverse);
    }
}