Module:Hatnote/styles.css

/* {{pp|small=y}} */
.hatnote {
	font-style: italic;
}

/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

/* mobile skin yay */
.skin-minerva .hatnote{
    padding: 5px 7px;
    color: #54595d;
    font-size: 0.8125rem;
    background-color: #f8f9fa;
    margin-bottom: 1px;
    overflow: hidden;
}

.hatnote i {
	font-style: normal;
}

/* The templatestyles element inserts a link element before hatnotes.
 * TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
	margin-top: -0.5em;
}