@DavidMorgade
Posted
Hello man, congrats on finishing the challenge, I think I know why your button is getting the box-shadow effect when clicked.
You are using the :focus
pseudoelement, this mean that your button will get the opacity prop every time is focused (when is clicked and you dont click in other elements), you dont need to set a focus or after to get the desired effect, you can remove both pseudoclasses and just keep :hover
with these styles:
#btn:hover {
box-shadow: 0 0 2em 0.5em hsl(150, 100%, 66%);
transition: box-shadow 500ms linear;
}
Hope this helps, just with the :hover
pseudoelement you will get the desired result.