.notification-banner{
	box-sizing:border-box;
	display:flex;
	height:fit-content;
	margin:0 auto;
	max-width:988px;
	padding:0 24px 16px;
	position:relative;
	top:16px;
	width:100%
}
.notification-banner.no-max-width{
	max-width:unset
}
.notification-banner.extra-bottom-padding{
	padding-bottom:24px
}
.notification-banner .display-icon{
	height:32px;
	padding:8px;
	width:32px
}
.notification-banner .banner-contents{
	background-color:var(--surface-grey-1);
	border-radius:16px;
	padding:16px 14px 16px 20px;
	transition:.2s linear;
	width:100%
}
.notification-banner .banner-contents,.notification-banner .banner-contents .info-and-buttons,.notification-banner .banner-contents .info-and-buttons .buttons,.notification-banner .banner-contents .info-and-buttons .buttons .cta-buttons{
	align-items:center;
	display:flex;
	flex-direction:row
}
.notification-banner .banner-contents .info-and-buttons>:not(:last-child),.notification-banner .banner-contents>:not(:last-child){
	margin-inline-end:12px
}
.notification-banner .banner-contents .info-and-buttons .buttons .cta-buttons>:last-child{
	margin-inline-start:12px
}
.notification-banner .banner-contents .info-and-buttons{
	flex:1;
	justify-content:space-between
}
.notification-banner .banner-contents .info-and-buttons .info .title{
	font-family:var(--text-font-family);
	font-size:14px;
	font-weight:700;
	line-height:20px
}
.notification-banner .banner-contents .info-and-buttons .info>*{
	color:var(--text-color-high)
}
.notification-banner .banner-contents .info-and-buttons .buttons>:not(:last-child){
	margin-inline-end:24px
}
.notification-banner .banner-contents .info-and-buttons .buttons .cta-buttons>*{
	min-width:unset
}
.notification-banner .banner-contents .info-and-buttons .buttons .mega-button.close{
	align-self:baseline
}
