Is there anyway to have both CSS properties work together, or is this not possible?

Question

I'm styling an input field which has a rounded border (border-radius), and attempting to add a gradient to said border. I can successfully make the gradient and the rounded border, however neither work together. It's either rounded with no gradient, or a border with a gradient, but no rounded corners.
https://code.sololearn.com/WLQL9mg4w6Rg/?ref=app

Answer 1

As some people said it is imposible to use both together but you can find trick to make it work here:
https://stackoverflow.com/questions/51496204/border-gradient-with-border-radius