Single price grid component

I enjoyed this challenge!! I'm incredibly proud of how much I have learned. As long as I know, the page is completely responsive, there might be some suggestions on my code though.

I learned how to work with css grid, I tried to use grid-template-areas but somehow the code didn't work well so I had to use grid-template-columns.

Working with normalize.css just brakes my brain. Sometimes I can't figure out why the content of a div gets out or hides itself. I read the comments on the normalize.css to see what is set by default, then I fixed these issues adding and removing some properties and values over and over again.

If you see my code you'll see large classes and that's because I'm trying to learn the BEM Methodology. I tried to reuse classes but at the end I noticed that at some point it was better to add another class to an element.

I also added colors because the style-guide didn't have all of them and I added a hover to the button to make it more interactive. What do you guys think? any feedback is wellcome. :)