Result summary component

Really nice challenge to learn new stuff and practice html/css:

• grid
• what is stacking context and how to use it to apply hover effect to change background color to gradient
• how to import and what is variable font
• playing with data attributes to apply different colors - alternative to modifier class

Some little differences between solution and desing is because I'm using figma designs not img.

Any comments are appreciated!