might be best explain with an example (see below for code)

So I got the CSS/SASS below and it changes the color to pink and underlines the link and “a:after” on hover.

I want to change the behavior of “a:hover:after” so that the color change is in effect but not the underline. Any ideas on how this can be done?

Thanks

a::after {
    content: "    =>";
}
  
a:hover {
      color: #FF007F;
      text-decoration: underline;
}
  
a:hover:after {
      color: #FF007F;
      text-decoration: none !important;
  }
a:hover::after {
     color: #FF007F;
     text-decoration: none !important;
}

<a href="https://www.google.com">Google</a>