.tooltip {
position: relative;
display: inline
}
.tooltiptext {
position: absolute;
display: initial;
z-index: 99999;
width: 295px;
left: -10.6em;
top: 42px;
padding: 5px;
pointer-events: none;
visibility: hidden;
opacity: 0;
white-space: normal;
text-align: left;
transition: all 0.2s;
border: 1px solid #465298;
background-color: #27272E
}
.tooltip:hover>.tooltiptext {
visibility: visible;
opacity: 0.98
}
@media screen and (max-width: 850px) {
.tooltip {
position: static
}
.tooltiptext {
position: fixed;
width: 80vw;
top: 40vh;
left: 0;
margin: 0 auto;
right: 0
}
}