Pomoc z dodaniem 'gradientu' do skryptu

Witam, przychodzę z problemem, z którym jako laik programistyki zmagam się od trzech dni.

Chodzi tu o pewną 'grę'.
Zdołałem napisać coś takiego:

TipShadow = function(){
	setInterval(function(){
		$('.item').hover(function(){
			var id = $(this).attr('id').replace('item', '');
			$('#tip').css({'box-shadow': '0px 0px 0px 0px '});
			if(g.item[id].stat.search(/legendary/)>=0) $('#tip').css({'box-shadow': '0px 0px 10px 8px #a80223'});
		},
		function(){
			$('#tip').css({'box-shadow': ''});
		});
	},600);
}
g.loadQueue.push({fun:TipShadow,data:''})
 

Zastosowanie tego to po prostu shadow na tiptoolu danego przedmiotu: https://imgur.com/a/HplsXhi

Problem przychodzi w tym momencie, ponieważ zwykły jednokolorowy shadow chciałbym zamienić na gradient.
Coś w tym stylu: https://codepen.io/fronthendrik/pen/RYOVzP

Niestety nie wiem w jaki sposób połączyć te dwa kody..

Mógłbym prosić o pomoc osoby bardziej obeznanej w tym temacie?
Z góry dziękuję,
Pozdrawiam.