I am designing a basic news-ish blog. Let's say on my news blog I have about 10 categories, and each of those categories will have a label that will appear to the top right of the card image. Now each label will have it's own specific identifying color. So for example, the video label will be red, the lifestyle label will be green, programming will be orange... etc. 

The code I have on the bottom works, but my problem with it is that it is reusing the same 10 lines of css, with the only changing factor being the label color.

Is there a more efficient way of doing this? 

```
.article-tag-news{
    ...
    background-color: #ff8fd2;
    ...
}

.article-tag-games{
    ...
    background-color: #f4f4f4;
    ...
}

.article-tag-videos{
    ...
    background-color: #123456;
    ...
}

```