.tooltip-r {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(transparent 60%, #F3F84B 60%);
}
.tooltip-r .tooltip-text {
	position: absolute;
	z-index: 1;
	bottom: 0%;
	left: 104%;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #FFFFFF;
	border-radius: 6px;
	background-color: green;
}
.tooltip-r .tooltip-text::after {
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -5px;
	content: '';
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 0px solid transparent;
	border-right: 10px solid green;
}
.tooltip-r:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}