Responsive Product Preview Card

Span without text-decoration inside a paragraph that has text-deco?

For the part that shows the large, green updated price and the crossed-out old price next to it, I wanted to style the whole paragraph with text-decoration: line-through; and then just have a span inside this paragraph that has all the large text and color styling, and text-decoration: none;

However, it seems this is not possible, since text-decoration: none; did not get rid of the line through the updated price. Eventually I just styled the whole paragraph green and with large text and had the small, crossed out part in a span with text-decoration: line-through;

It is actually easy to do it like this but I was still wondering if anyone has encountered a similar problem with a span inside a styled paragraph where you could not 'undo' the paragraph styling inside the span? Or do you have a neat solution for this type of issue?