Highlighting word into a circle, not an oval


On the homepage I want to show a highlight word being pulled in from a collection. It should show up in a circle. How can I make the circle adapt to the length of word or words so that it stays a circle? Longer words would mean bigger circle; shorter words would mean smaller circle. So: forcing height automatically into the same amount of pixels as the width which is being defined by the word that is coming from a collection.



Here is my site Read-Only: https://preview.webflow.com/preview/flux-trainingen?preview=541f19b89eafb626b28e7a893fbed497
(how to share your site Read-Only link)