.mask {
	display: none;
}
.mask.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 9;
}
.mask-text {
	position: absolute;
	top: 30px;
	right: 30px;
	background: rgba(255, 255, 255, 1);
	padding: 20px;
	border-radius: 20px;
}
.mask-text:after {
	content: '';
	position: absolute;
	top: -20px;
	right: -10px;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 30px white;
	transform: rotate(40deg);
}