Advanced CSS-only Beer Counting — Calculate, Increment, Multiply

Here’s an interesting HTML and CSS challenge for you:

We have a list of guests in HTML with their beer-consumption-per-hour values and the amount of time in hours they will stay at the party added in their data attributes. Based on these numbers, work out the total bottle of beers you will need to buy for the party using CSS only!