Template:Tag/styles.css

.tag-container {
	border-radius: var( --border-radius--small );
	margin-left: 0.125em;
	margin-right: 0.125em;
	transition: 100ms;
}

.tag-container * {
	user-select: none;
	text-decoration: none;
}

.tag-linked:hover:not(:active) {
	border-bottom: 1px solid transparent;
}

.tag-linked:hover {
	background-color: var( --color-surface-1 );
	box-shadow: var( --box-shadow-card );
	/*margin-top: 1em;*/
}

.tag-linked:active {
	background-color: var( --color-surface-2 );
	box-shadow: none;
}

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

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

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