Template:Main Page social link/styles.css

.mp-social-link {
	display: inline-grid;
	grid-gap: 5px 15px;
	grid-template-columns: 48px 250px;
	grid-template-rows: auto;
	grid-template-areas:
	"icon name"
	"icon caption";
	align-items: center;
	padding: 15px 20px;
}

.mp-social-icon {
	grid-area: icon;
}

.mp-social-name {
	grid-area: name;
}

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