/* "Games We Cover" links after single post content (1.4.4). Same
   layout as EMDB's post-make-links on Electron Motion: heading on its own row,
   then the buttons, left aligned on the article's 10px text inset. Game Climate
   teal, 8px corners, sentence case (the theme uppercases .wp-element-button). */
/* div. outranks core's :root :where(.is-layout-constrained) > * { margin-block: 0 }. */
div.gcdb-post-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	margin: var(--wp--preset--spacing--40, 2.5rem) 0 0;
	padding: 0 10px;
	text-align: left;
}

.gcdb-post-links > .gcdb-post-links__heading {
	flex: 0 0 100%;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: 0.02em;
	opacity: 0.8;
}

.gcdb-post-links a.gcdb-button,
.gcdb-post-links a.gcdb-button:visited {
	display: inline-block;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 18px;
	border: 0;
	border-radius: 8px;
	background: #0f7c99;
	color: #fff;
	font-family: inherit;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: normal;
	text-transform: none;
	white-space: normal;
	overflow-wrap: break-word;
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.15s;
}

.gcdb-post-links a.gcdb-button:hover,
.gcdb-post-links a.gcdb-button:focus-visible,
.gcdb-post-links a.gcdb-button:active {
	background: #0c6a83;
	color: #fff;
	text-decoration: none;
}

.gcdb-post-links a.gcdb-button:focus-visible {
	outline: 2px solid #3ff0ff;
	outline-offset: 3px;
}

@media (prefers-color-scheme: dark) {
	.gcdb-post-links a.gcdb-button:hover,
	.gcdb-post-links a.gcdb-button:focus-visible,
	.gcdb-post-links a.gcdb-button:active {
		background: #1289a9;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gcdb-post-links a.gcdb-button {
		transition: none;
	}
}
