Looks ok to me, this may be throwing it:
--border-radius: 50px;
Doesn't render for me because I'm not calling a variable
var( --border-radius);
But that should not matter. Copy the code into another editor or run in another browser. Good luck!