.image-entry-action > .sc-interp {
  position: relative;
  display: inline-block;
  animation: none;
  transform: scale(1);
  transform-origin: center;
  transition: transform .22s ease;
}

.image-entry-action > .sc-interp::after {
  position: absolute;
  right: 0;
  bottom: -0.2em;
  left: 0;
  height: 1px;
  background: currentColor;
  content: "";
  animation: none;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .character-link:hover .image-entry-action > .sc-interp {
    transform: scale(1.12);
  }

  .character-link:hover .image-entry-action > .sc-interp::after {
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-entry-action > .sc-interp,
  .image-entry-action > .sc-interp::after {
    animation: none;
    transition: none;
  }

  .image-entry-action > .sc-interp {
    font-size: 1em;
  }

  .image-entry-action > .sc-interp::after {
    transform: scaleX(0);
  }
}