.messages {
	padding-right: 1.5em; position: relative;
}
.dismiss {
	background: rgb(237, 84, 29); border-radius: 3px; border: 0px currentColor; transition:opacity 0.1s linear; border-image: none; top: 0.4em; width: 1.4em; text-align: center; right: 0.4em; color: rgb(255, 255, 255); font-weight: 900; text-decoration: none; display: block; position: absolute; cursor: pointer; opacity: 0.5; box-shadow: 1px 1px 0px rgba(0,0,0,0.4); text-shadow: -1px -1px 0px rgba(0,0,0,0.4); -webkit-transition: .1s opacity linear; -moz-transition: .1s opacity linear; -o-transition: .1s opacity linear;
}
.dismiss::before {
	content: "X";
}
.error .dismiss {
	background: rgb(237, 84, 29);
}
.status .dismiss {
	background: rgb(187, 238, 119); color: rgb(0, 0, 0); text-shadow: none;
}
.warning .dismiss {
	background: rgb(238, 221, 85); color: rgb(0, 0, 0); text-shadow: none;
}
.messages:hover .dismiss {
	opacity: 1;
}
.dismiss:hover {
	color: rgb(255, 255, 255); text-decoration: none; text-shadow: -1px -1px 0px rgba(0,0,0,0.4);
}
.dismiss:active {
	margin-top: 1px; margin-left: 1px; box-shadow: 0px 0px 1px rgba(0,0,0,0.4); text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}