x-sign {
  --interval: 5s;
  display: block;
  text-shadow: 
    0 0 1px var(--color1),
    0 0 2px var(--color2),
    0 0 4px var(--color3),
    0 0 8px var(--color4);
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
}

x-sign:nth-of-type(1) {
  color: yellow;
  --color1: #D80318;
  --color2: #FF1123;
  --color3: #FD394D;
  --color4: #FF7D87;
  font-family: Gruppo;
  font-size:24px;
  float:right;
  padding-left:0px;
  
}



x-sign:nth-of-type(2) {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: orange;
  --color4: darkred;
  font-family: Sriracha;
   font-size:22px; 
}

@keyframes flicker {
  50% {
    color: white;
    filter: saturate(200%) hue-rotate(20deg);
  }
}