.vue-notification {
	margin: 0 0.5rem 1rem;
	padding: 1rem 1.5rem;
	min-height: 5rem;
	font-size: 1.6rem;
	font-family: Raleway, sans-serif;
	color: var(--text-base);
	display: flex;
    flex-direction: column;
    justify-content: center;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);

	background: var(--background-base);
	border-left: none;// 5px solid #187fe7;

	&.success {
		background: #68cd86;
		border-left-color: #42a85f;
	}

	&.warn {
		background: #ffb648;
		border-left-color: #f48a06;
	}

	&.error {
		background: var(--background-error);
		border-left-color: #b82e24;
	}
}