css-tooltip

[tooltip] {
	display: inline;
	position: relative;
	cursor: pointer;
	margin-right: 7px;
	&:hover:before {
		content: '';
		display: block;
		position: absolute;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-bottom: 5px solid  rgba(black, .7);
		top: 55px;
		left: 22px;
		z-index: 999;
	}
	&:hover:after {
		content: attr(tooltip);
		color: rgba(white, .8);
		font-size: 13px;
		display: block;
		position: absolute;
		background-color: rgba(black, .7);
		top: 60px;
		left: 15px;
		z-index: 999;
		padding: 5px 10px;
	}
}