.tag {
    font-weight: 500;
    padding: 0.1rem 0.4rem 0.2rem;
    border-radius: 0.5rem;
    color: white !important;
	background-color: var(--primary);
	background-image: var(--primary-gradient);
    box-shadow: var(--shadow);
    display: inline-block;
    vertical-align: baseline;
	text-shadow: 1px 1px 1px color-mix(in srgb, black, transparent 90%);
}
    .tag:hover {
        box-shadow: 0 4px 7px var(--primary-alpha-300);
    }
@supports not (gap: 0.8rem) {
    .tag {
        margin-left: 0.8rem;
    }
}