.mcm-app-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
	background: #0b0909;
	color: #fff;
	font-family: Roboto, sans-serif;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, .25);
}

.mcm-app-banner__close {
	flex: none;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.mcm-app-banner__text {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	font-size: .8125rem;
	line-height: 1.3;
}

.mcm-app-banner__text strong {
	font-size: .9375rem;
	font-weight: 500;
}

.mcm-app-banner__cta {
	flex: none;
	padding: .625rem 1rem;
	border-radius: 5px;
	background: #fc7227;
	color: #0b0909;
	font-size: .875rem;
	font-weight: 500;
	text-decoration: none;
}

.mcm-app-banner__cta:hover,
.mcm-app-banner__cta:focus {
	color: #0b0909;
	text-decoration: none;
}

/* Keep the footer reachable above the fixed banner. */
body.has-app-banner {
	padding-bottom: 5rem;
}