Basic HTML & CSS solution (with Flexbox)

Hey everyone!

With this component, I wanted to continue practicing Flexbox for slightly more complex layouts. I'm using display: flex; for the layout/positioning of the plan selection (the area with the music icon to the 'Change' button), and it seems to be working fine, but I'm thinking that there might be an easier solution than the way that I went about it. I wanted to keep the "Annual Plan" and the "$59.99/year" information as separate elements, so I ended up using a wrapper element to get the desired positioning there.

I left a bunch of comments in the CSS that helps explain my thinking in some areas, if that helps. Any and all feedback on the code is greatly appreciated! Thanks!