Module:Location/styles.css

.t-location-infobox-connections {
	border-top: 1px solid var(--border-color-base);
	padding-top: 12px;
	display: grid;
	grid-template-areas:
		'northWest north northEast'
		'west current east'
		'southWest south southEast';
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
}

.t-location-infobox-connections-item {
	display: grid;
	place-items: center;
	text-align: center;
}

.t-location-infobox-connections-item .cdx-button {
	padding-block: 5px;
	white-space: normal;
}

.t-location-infobox-connections-item--northWest {
	grid-area: northWest;
}

.t-location-infobox-connections-item--north {
	grid-area: north;
}

.t-location-infobox-connections-item--northEast {
	grid-area: northEast;
}

.t-location-infobox-connections-item--west {
	grid-area: west;
}

.t-location-infobox-connections-item--current {
	grid-area: current;
}

.t-location-infobox-connections-item--east {
	grid-area: east;
}

.t-location-infobox-connections-item--southWest {
	grid-area: southWest;
}

.t-location-infobox-connections-item--south {
	grid-area: south;
}

.t-location-infobox-connections-item--southEast {
	grid-area: southEast;
}

.t-location-infobox-map {
	border: 1px solid var(--border-color-base);
	border-radius: 2px;
	background: var(--background-color-neutral);
	overflow: hidden;
}

.t-location-infobox-map img {
	width: 100%;
	height: auto;
}