Help. Is it true?

Question

HTML
<button class="btn">
TOUCH ME
</button>
CSS
.btn:hover: :after {
transform: translate(-5px, -5px);
}
.btn:hover: :before {
transform: translate(5px, 5px);
}
.btn::after,.btn::before {
border: 3px solid #000
position: absolute;
border-radius: inherit;
width: calc(100% - 6px);
height: calc(100% - 6px);
left: 0px;
bottom; 0px;
z-index: -1;
transition: all .25s ease;
}

Answer 1

Yes your code is working properly and showing hover effect try on solo ide.

Answer 2

I cant see effect. only button