.c-map-card,
.c-map-card.brxe-div,
.c-map-card.brxe-block,
.c-map-card.brxe-container {
	position: relative;

	width: 100%;
	min-width: 0;

	padding: var(--space-s) var(--space-s) calc(var(--space-s) + 3.2rem);

	background-color: var(--bg-surface);

	border: 0;
	border-radius: 0;

	box-shadow: 0 0.6rem 1.8rem rgba(0, 0, 0, 0.08);

	overflow: hidden;
}


.c-map-card::before {
	content: '';
	position: absolute;
	top: var(--space-s);
	right: 0;
	bottom: 3.2rem;

	width: 0.2rem;

	background: rgba(49, 49, 49, 0.18);
	box-shadow: -0.3rem 0 0.8rem rgba(0, 0, 0, 0.12);

	pointer-events: none;
	z-index: 2;
}


.c-map-card::after {
	content: '';
	position: absolute;
	left: var(--space-s);
	right: var(--space-s);
	bottom: var(--space-s);

	height: 3.2rem;

	background:
		linear-gradient(var(--secondary), var(--secondary)) left bottom / calc(100% - 3.2rem) 0.35rem no-repeat,
		linear-gradient(
			135deg,
			transparent calc(50% - 0.18rem),
			var(--secondary) calc(50% - 0.18rem),
			var(--secondary) calc(50% + 0.18rem),
			transparent calc(50% + 0.18rem)
		) right bottom / 3.2rem 3.2rem no-repeat;

	pointer-events: none;
	z-index: 2;
}

.c-map-card iframe,
.c-map-card .brxe-map,
.c-map-card .brxe-shortcode,
.c-map-card .brxe-code,
.c-map-card > * {
	display: block;

	width: 100%;
	min-height: 32rem;

	border: 0;
}

.c-map-card iframe {
	filter: saturate(0.85) contrast(0.95);
}