.smooth-letter {
  transition:
    color 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    filter 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);

  will-change:
    color,
    filter,
    transform,
    opacity;
}


/* Strongest glow - hovered letter */
.glow-0 {
  color: #ff6b4a !important;

  filter:
    drop-shadow(0 0 25px rgba(255, 107, 74, 0.95))
    drop-shadow(0 0 10px rgba(255, 107, 74, 0.8));

  transform: scale(1.08);

  opacity: 1 !important;
}


/* First surrounding letters */
.glow-1 {
  color: #e35335 !important;

  filter:
    drop-shadow(0 0 18px rgba(227, 83, 53, 0.7));

  opacity: 0.9 !important;
}


/* Second surrounding letters */
.glow-2 {
  color: #b83c24 !important;

  filter:
    drop-shadow(0 0 12px rgba(184, 60, 36, 0.5));

  opacity: 0.75 !important;
}


/* Third surrounding letters */
.glow-3 {
  color: #7a2818 !important;

  filter:
    drop-shadow(0 0 8px rgba(122, 40, 24, 0.3));

  opacity: 0.55 !important;
}


/* Fourth surrounding letters */
.glow-4 {
  color: #4a1c12 !important;

  opacity: 0.35 !important;
}