<a> tag bug

[AnthonyCodeDev]

Hello,

Thank you for creating this excellent CSS Houdini squircle module. I am using it in my project, and the squircle effect works perfectly when I apply it directly to a button, as shown below:

<button class="button fill">Fill</button>

.button {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  margin: 8px;
  padding: 16px 24px;
  outline: none;
  border: none;
  --squircle-smooth: 0.8;
  --squircle-radius: 20px;
}

However, when I wrap the button in an tag like this:

<a href="/">
  <button class="button fill">Fill</button>
</a>

the squircle effect no longer works as expected. Could you please provide some guidance on what might be causing this issue? Is there a known conflict or workaround when using a button inside an anchor tag?

Thank you in advance for your assistance.