Single price grid component using flexbox

This looks really great and I like the effect when hovering over the button.

The only thing I'd say is that you've overcomplicated your CSS selectors. For example, you only have one div with the class subscription, so in your CSS you just need: .subscription { rather than .single-price .subscription { It just makes it all shorter, easier to read, and avoid typos that will drive you crazy wondering why it's not working.

You can also use a class twice and only mention it once. So you have a class of title. Rather than having: .single-price .subscription > .title, .single-price .description > .title { you just need .title {