How can I correctly make the escape key appear as if it was pressed?

Question

https://code.sololearn.com/WhH3Q09RHeQj/#css

Run this and press escape.
I need the kbd element to style in a way that makes it look pressed. I don't think I did a good job.

Answer 1

try adding this to the css

kbd:active {
background-color: #D3D3D3;
box-shadow: 0 2px #666;
transform: translateY(2px);
}

Answer 2

I added it. If you read this before tomorrow, can you test it and tell me how it turned out?

Answer 3

I like how it looks but you can do some more tweaking and figure out what looks best