.tooltip {
    display: none;
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 7px;
    border-radius: 5px;
    z-index: 999;
}

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

.spromo:hover {
	background: #000;
	color: #fff !important;
    border-color: #d4edff;
}
.spromo {
    display: inline-block;
padding: 4px 4px 4px 4px;
    text-decoration: none !important;
    position: relative;
	    font-weight: 600;
		cursor:pointer;
    border: 2px dashed #000;
    background: #665dcb;
    color: #ffffff !important;		
    line-height: 1.3;
    word-break: break-all;
    text-align: center;
}

.spromo i {
    margin-right: 3px;
	font-weight: 600;
}

.left-image {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;	
    border-radius: 0px!important;
}

.tooltip {
    background-color: #333; /* Фон тултипа */
    padding: 5px 10px; /* Отступы внутри тултипа */
    border-radius: 5px; /* Скругление углов */
    font-size: 14px; /* Размер шрифта */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Тень для тултипа */
}