Results summary component

Hello @ZioSenkai!

You did a very good job there!

I have a very simple suggestion for improvement:

• Since the button is a clickable element, it's nice to add cursor: pointer to it and a color shift as hover effect. This gives the user a visual indication that the element is clickable.

I hope it helps!

Other than that, you did a great job!

Hi, nice solution

It looks great.

To your issue:

The background of the circle needs to be a colour to transparent gradient. I looked at your code and you have

.result-container{
  background: linear-gradient(var(--clr-primary-500), var(--clr-secondary-hsl-500));
}

You need to switch your var(--clr-secondary-hsl-500) with a transparent colour, in your case that's var(--persian-blue) So your gradient should look like this:

.result-container{
  background: linear-gradient(var(--clr-primary-500), var(--persian-blue));
}

Honestly any colour with 0% opacity will work, I just looked at your custom properties and found this one. This should fix it.

Hope I was helpful