Module:IconLink/styles.css

.t-icon-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.t-icon-link__icon {
	user-select: none;
}

/*
 * Pixel art, scaled by the browser rather than smoothed.
 *
 * Callers tag an icon link with cp-image-pixelated when the artwork is pixel
 * art -- the item icons are 28px sprites. Without this the browser resamples
 * them bilinearly on any hi-DPI screen and the sprite turns to mush.
 *
 * The class sits on the wrapper span, not the img. image-rendering inherits,
 * so the wrapper alone would do it; the descendant selector is there so the
 * rule keeps working if the markup ever moves the class elsewhere.
 */
.cp-image-pixelated,
.cp-image-pixelated img {
	image-rendering: pixelated;
}