Template:Main Page social link/styles.css

.mp-social-link {
	display: inline-grid;
	grid-gap: 10px 15px;
	grid-template-columns: 32px 200px;
	grid-template-rows: auto;
	grid-template-areas:
	"icon name"
	"caption 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;
}