#toast-err {
	border-radius: 10px;
	min-height: 80px;
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	transition: var(--fade);
	width: 100%;
}

.toast-err-container {
	flex: 1 0 80%;
	padding: 10px;
}

.toast-err-controls {
	flex: 1 0 20%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}

.toast-err-error { background-color: var(--serr-red); }
.toast-err-error button { background-color: var(--serr-red-btn); }
.toast-err-warn { background-color: var(--serr-yellow); }
.toast-err-warn button { background-color: var(--serr-yellow-btn); }

.toast-err-controls button {
	margin: 0 20px 20px 0;
	height: 40px;
	width: 40px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	align-self: flex-end;
}

@media only screen and (max-width: 1200px) {
	.toast-err-controls {
		flex-direction: row;
	}
}