.tooltip {
        position: relative;
        cursor: pointer;
		color: white; /* Cor do texto destacado */
		font-weight: bold;
		text-decoration:none;
    }

    .tooltip:after {
		background: #000;
		background: linear-gradient(179deg,rgba(0, 0, 0, 1) 0%, rgba(36, 81, 130, 1) 100%);
		border: solid #fff 1px;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
		border-radius: 4px;
        content: attr(data-tooltip);
        display: none;
        padding: 10px;
        position: relative;
        right: 65px;
        top: 30px;
        transform: translate(-50%, -50%);
        width: 220px;
        z-index: 3;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); 
    }

    .tooltip:hover:after {
        display: block;
    
}