.tooltip {
	
	
        text-decoration: underline;

	cursor: help;

}


[data-tooltip] {

	position: relative;

}


[data-tooltip]::after {
	
	content: attr(data-tooltip);

	pointer-events: none;

	opacity: 0;

	transition: opacity 0.01s;

	display: block;

	position: absolute;

	bottom: 0.1em;

	left: 1em;
     	width: 35em;

	padding: 0.4em;

	z-index: 100;

	color: #000;

	background-color: #D3D3D3;

	border: solid 1px #a32e04;

	border-radius: 0.5em;

}


[data-tooltip]:hover::after {

	opacity: 1;

}