.banneriser {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--banneriser-image-width, min(18rem, 38%));
	grid-template-areas: "header header" "content image" "footer footer";
	align-items: center;
	gap: var(--banneriser-gap, .5rem 1rem);
	overflow-wrap: anywhere;
}
.banneriser--no-image {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "header" "content" "footer";
}
.banneriser__header { grid-area: header; justify-self: stretch; }
.banneriser__content { grid-area: content; align-self: stretch; display: flex; flex-direction: column; }
.banneriser__content > a { display: block; flex: 1; color: inherit; }
.banneriser .banneriser__content > a:any-link { text-decoration: none; }
.banneriser__content img { max-width: 100%; height: auto; }
.banneriser__image { grid-area: image; }
.banneriser__image a { display: flex; justify-content: center; }
.banneriser__image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: var(--banneriser-image-max-height, 10rem);
	margin-inline: auto;
	object-fit: contain;
}
.banneriser__footer { grid-area: footer; justify-self: end; text-align: right; }
.banneriser a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }