Template:Content guide link/styles.css

.content-guide-link {
	grid-template-areas:
	"icon name"
	"icon caption";
	align-items: center;
	display: inline-grid;
	grid-gap: 5px 15px;
	grid-template-columns: 64px auto;
	grid-template-rows: auto;
	padding: 15px 20px;
	width: 20em;
	margin: 0.5em 1em;
}

.cgl-icon {
	grid-area: icon;
}

.cgl-name {
	grid-area: name;
}

.cgl-caption {
	grid-area: caption;
	font-size: 0.9em;
}

/*
 * Citizen skin
 */
body.skin-citizen .content-guide-link {
	background-color: var(--color-surface-2);
	border: 1px solid var(--color-surface-3);
	border-radius: var(--border-radius--medium);
}