Custom layout in accordion - ( HTML not working )

How can I make this layout in accordion? I am confused at value of service ( pricing ). How to take it to right?

I tried to add html with class but not woriking

First, add an accordion with Accordion Block (don't enter pricing)

Next, add a Code Block under Markdown & paste this code to add pricing & float it to right

<style>
  li:nth-child(1) span.accordion-item__title:after {
    content: "$100";
    float: right;
}
  li:nth-child(2) span.accordion-item__title:after {
    content: "$200";
    float: right;
}
  li:nth-child(3) span.accordion-item__title:after {
    content: "$470";
    float: right;
}
</style>