The counters must have the following structure and use the tags that indicate the counter sections.
You can add a different styles to each texts.
If you are going to use the class workflow, just add the class to the main element: [counter] My counter {counter-class}
PS: In the figma file you will find this ready-made structure that will save you time.