Glare effect ignores rounded borders when used via React

[cmd-daniel]

This is what I'm using to currently to handle this

please let me know if there is a better way to do this.

<style>
  .glare-rounded::part(tilt)::before {
    border-radius: calc(var(--radius) + 4px);
  }
</style>

<hover-tilt class="glare-rounded"></hover-tilt>