why the hover- transform effect is not working?

I am trying to make a hover effect to enlarge the text when hovering on it by using transform as the code below, but the CSS doesn't take any effect.

CSS

.iphone14-link:hover {
  transform: scale(1.4);
}

HTML

 <span class="iphone14-link"> iPhone 14 </span>