Circletype.js is not recognizing text padding or margin

My webpage uses circletype.js.
I’ve implemented the following code before the body:

<script src=""></script>
new CircleType(document.getElementById('circletext'));

The text is successfully wrapped around the circle element and the interactions successfully rotate the text as it is scrolled.

However, I’m not able to set a custom radius for the text and the padding of the text element is not recognized, leaving no space between the start and end of the sentence and instead shifts the entire text.

Screenshot 2023-02-22 at 10.24.05 AM

Here is my site Read-Only: Webflow - Aurora Italiana
Here is the published preview site link: Events