Stroke changes on hover-in and hover out

hy there hope all are good ,

so i want to change the text color on hover in and hover out . the basic idea is when the mouse didn’t hover the color say white . But when the mouse hover , the hover text color change to black or other color and the rest of the text should change to strokes i.e -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; and when hover out back to the normal color white , but for dynamic content . i achieve this in static but stuck now in dynamic

here’s the link