span.highlighter::after {
    width: 98%;
    height: 100%;
    background-image: linear-gradient(#207bca, #1f79c9);
    content: '';
    height: 11px;
    position: absolute;
    left: 6px;
    bottom: 6px;
    z-index: -1;
}
.highlighter{
    z-index: 1;
    position: relative;
}
@media screen and (max-width:767px){
.tablet,.desktop{display:none;}
.mobile{display:block;}
}
@media screen and (min-width:768px) and (max-width:1024px){
.mobile,.desktop{display:none;}
.tablet{display:block;}
}
@media screen and (min-width:1025px){
.tablet,.mobile{display:none;}
.desktop{display:block;}
}