@layer components {
  .product-card {
    --glower-z-index: 1;
    --glower-opacity: 1;

  }

  .product-card--glowing {
    animation-play-state: running;

    &::after {
      mask-image: radial-gradient(transparent 60%, white);
    }

    &:hover {
      animation-play-state: running;
    }
  }
}