Template:Tag/styles.css

.tag-container * {
	user-select: none;
	text-decoration: none;
	margin-left: 0.125em;
	margin-right: 0.125em;
	border-radius: var( --border-radius--small );
}

.tag-container:hover {
	background-color: yellow;
}

.tag-pill {
	user-select: none;
	border: 1px solid var( --border-color-base );
	border-radius: var( --border-radius--small );
	padding-left: 0.25em;
	padding-right: 0.25em;
	transition: 100ms;
	background-color: var( --color-surface-1 );
}

.tag-pill:hover {
	color: var( --color-emphasized );
	box-shadow: var( --box-shadow-card );
}

.tag-pill:active {
	color: var( --color-emphasized );
	box-shadow: none;
}

.tag-symbol {
	padding-right: 0.25em;
	border-right: 1px solid var( --border-color-base );
	margin-right: 0.25em;
}