Bonjour,
Vous avez peut-être déjà trouvé une solution à votre problème au vu de la date de publication de votre message mais je réponds tout de même.
Si vous voulez exactement le rendu donné en exemple dans le CodePen, ça va être difficile de s'en sortir juste avec une modification css car dans l'exemple fourni, il y a des éléments HTML non présents dans le rendu de base des boutons radios de l'activité leçon de Moodle.
Il faudra donc certainement passer par un "overiding render" de l'activité leçon avec tout ce que cela implique comme développement (création d'un thème enfant de boost, etc).
Si cela vous intéresse, voici la documentation sur ce sujet : https://docs.moodle.org/dev/Overriding_a_renderer
Seb