.tags {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	gap: 5px;
}

.tag {
	text-transform: lowercase;
	font-size: clamp(.8rem, 2vw, .9rem);
	line-height: 16px;
	padding: 4px 8px;
}

.tag_primary {
	background-color: var(--tag-bg-primary);
	color: var(--tag-color-primary);
}

.tag_secondary {
	background-color: var(--tag-bg-secondary);
	color: var(--text-primary-dzeta);
}

@media screen and (max-width: 576px) {
.tag {
  padding: 2px 6px;
}
}