.next-shading-lines-title__lines {
position: relative;
z-index: 0;
display: inline-flex;
}
.next-shading-lines-title__lines::after {
content: attr(data-text);
position: absolute;
left: var(--distance);
top: var(--distance);
z-index: -1;
background-image: linear-gradient(
var(--degree),
transparent 45%,
var(--shadow-color) 45%,
var(--shadow-color) 55%,
transparent 0
);
background-size: 0.06em 0.06em;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: line-shadow var(--duration) var(--easing) infinite;
}
@keyframes line-shadow {
0% {
background-position: 0 0;
}
100% {
background-position: 100% -100%;
}
}