

.notification {
	position: fixed;
	z-index: 99999;
	max-width: 650px;
	padding: var(--spacing-5) var(--spacing-4) var(--spacing-4) var(--spacing-5);
	background-color: var(--color-common-white);
	border: var(--color-info-500) 2px solid;
	border-radius: var(--radius-2);
	box-shadow: -2px 6px 10px 0px rgba(0, 18, 52, .28);
	color: var(--color-secondary-800);

	&__title {
		margin: 0;
		font-size: var(--font-size-lg);
		font-weight: var(--font-weight-bold);
		font-family: var(--font-family-heading);
		color: var(--color-info-500);
	}

	&__body {

	}

	&__close {
		position: absolute;
		top: 0;
		right: 0;
		padding: var(--spacing-5) var(--spacing-4) var(--spacing-4) var(--spacing-5);
		background: none;
		border: none;
		box-shadow: none;
		cursor: pointer;
	}
}
