:root {
  --cat-news: #1E6FEB;
  --cat-politics: #B3242F;
  --cat-business: #167A45;
  --cat-sport: #C15A12;
  --cat-technology: #0B7E93;
  --cat-lifestyle: #98316F;
  --cat-entertainment: #5A3F8C;
  --cat-local: #6B5A3F;
}

.tag {
  display: inline-flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 3px 8px;
  border-radius: var(--radius-sm);
}

.tag-news { background: var(--cat-news); }
.tag-politics { background: var(--cat-politics); }
.tag-business { background: var(--cat-business); }
.tag-sport { background: var(--cat-sport); }
.tag-technology { background: var(--cat-technology); }
.tag-lifestyle { background: var(--cat-lifestyle); }
.tag-entertainment { background: var(--cat-entertainment); }
.tag-local { background: var(--cat-local); }

.tag-overlay {
  position: absolute;
  top: var(--space-md);
  left: var(--space-md);
  z-index: 2;
}