.mf-scroll{
  display:inline-flex; align-items:center; gap:12px;
  font-family:"JetBrains Mono", monospace;
  font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.mf-scroll-line{
  display:inline-block; width:64px; height:1px; position:relative;
  background:linear-gradient(90deg, rgba(255,255,255,.6), rgba(255,255,255,0));
}
.mf-scroll-line::after{
  content:""; position:absolute; left:0; top:0;
  height:1px; width:24px; background:#fff;
  animation:mf-scroll-line 2.4s ease-in-out infinite;
}
@keyframes mf-scroll-line{
  0%   { left:0; opacity:1; }
  60%  { left:calc(100% - 24px); opacity:.2; }
  100% { left:0; opacity:1; }
}