.wcpd-datasheets {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 1.25em 0;
}
.wcpd-datasheets .wcpd-button,
.wcpd-datasheets .wcpd-button:visited {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 26px 12px 20px;
	border-radius: 14px;
	background: var(--wcpd-bg, #23507f);
	color: var(--wcpd-fg, #fff);
	font-size: 1.05em;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
	transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.wcpd-datasheets .wcpd-button:hover,
.wcpd-datasheets .wcpd-button:focus-visible {
	color: var(--wcpd-fg, #fff);
	filter: brightness(1.12);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}
.wcpd-datasheets .wcpd-button:focus-visible {
	outline: 2px solid var(--wcpd-bg, #23507f);
	outline-offset: 3px;
}
.wcpd-datasheets .wcpd-icon {
	width: 1.4em;
	height: 1.4em;
	fill: currentColor;
	flex-shrink: 0;
}