.callout {
	background-color: rgba( 255, 255, 255, 0.3 );
	position: relative;
	color: #fff;
	padding: 0 10px;
	border-radius: 18px/50%;
	margin: 25px;
}
.callout::before {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	position: absolute;
}
.callout.top::before {
	left: 45%;
	top: 36px;
	border-top: 9px solid rgba( 255, 255, 255, 0.3 );
}
.callout.bottom::before {
	left: 45%;
	top: -20px;
	border-bottom: 10px solid #444;
}
.callout.left::before {
	right: -20px;
	top: 40%;
	border-left: 10px solid #444;
}
.callout.right::before {
	left: -20px;
	top: 40%;
	border-right: 10px solid #444;
}
.callout.top-left::before {
	left: 7px;
	bottom: -14px;
	border-top: 9px solid rgba( 255, 255, 255, 0.3 );
}
.callout.top-right::before {
	right: 7px;
	bottom: -14px;
	border-top: 9px solid rgba( 255, 255, 255, 0.3 );
}