.notification-banner {
	display: none;
	font-family: "HelveticaNeueLTPro-Md", Helvetica, Arial, sans-serif;
	margin-top: 59px;
	margin-bottom: -60px;
	position: relative;
	z-index: 100;
}

.show {
	display: block;
}

.notification-banner.warning {
	background-color: #ffc107;
	color: #000;
}

.notification-banner.info {
	background-color: #0066ff;
	color: #fff;
}

.notification-banner-inner {
	display: flex;
	position: relative;
	padding-right: 65px;
}

.notification-banner-icon {
	display: flex;
	padding: 17px 16.6px 16.6px 17px;
}

.notification-banner-content {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	padding: 1rem 0;
}

.notification-banner-close {
	background-color: #000;
	height: 57.9px;
	width: 57.9px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	padding: unset;
	background-image: none;
	border: none;
	transition: none;
}

.notification-banner-heading,
.notification-banner-description {
	font-size: 1rem;
}

.notification-banner-heading {
	font-weight: 700;
}

.notification-banner-close:focus,
.notification-banner-close:hover {
	background-color: #ff5000 !important;
	border-bottom: none;
}