.resource-feature-banners {
	display: flex;
	flex-direction: column;
	gap: var(--global-kb-spacing-sm, 1rem);
	margin-bottom: var(--global-kb-spacing-md, 1.5rem);
}

.resource-feature-banners:empty {
	display: none;
}

.resource-feature-banner {
	width: 100%;
	background-color: var(--global-palette8, #e3e8e4);
	border: 1px solid var(--global-palette6, #71777a);
	color: var(--global-palette3, #000);
}

.resource-feature-banner__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--global-kb-spacing-sm, 1rem) 1.25rem;
	padding: 1.25rem;
}

.resource-feature-banner__title {
	margin: 0;
	color: var(--global-palette3, #000);
	font-size: var(--wp--preset--font-size--medium, 1.125rem);
	font-weight: 600;
	line-height: 1.5;
}

/* The card layout pins the button wrapper to the card bottom; inside the
   banner it must flow inline next to the title. */
.resource-feature-banner .resources-download-button-wrapper {
	position: static;
	width: auto;
	height: auto;
}

.resource-feature-banner .resources-download-button {
	background: transparent;
	border: 2px solid var(--global-palette1, #254749);
	color: var(--global-palette1, #254749);
}

.resource-feature-banner .resources-download-button::after {
	background-color: currentColor;
}

.resource-feature-banner .resources-download-button:hover,
.resource-feature-banner .resources-download-button:focus {
	background: var(--global-palette1, #254749);
	color: var(--global-palette9, #fff);
}