Style my links

I’d like an unusual css underline and hover to drop into my stylesheet for my woodland themed website side project, which uses twenty twenty wordpress.

I want it only on the paragraph links … looking for a subtle underline and a chunkier slide-in hover like a marker, that covers the text and bit more.

p a {
  position: relative;
  text-decoration: none;
  color: inherit;
  background: none;
}

p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.15em;
  height: 0.45em;              /* chunkiness */
  width: 75%;                  /* only covers 3/4 */
  background: rgba(92, 122, 75, 0.35); /* mossy green */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 280ms ease-out;
  z-index: -1;                 /* sits behind text */
  border-radius: 0.15em;
}

p a:hover::after {
  transform: scaleX(1);
}