hover elements

.page {
	height:100vh;
}

.page-box-2{

    width: 20em;
    height: 7em;
    position: relative;
    transition: 0.3s;
}

.page-box-2::before,
.page-box-2::after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    transition: 0.3s;
}
.page-box-2::before {
    background-color: white;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
}


.page-box-2::after {
    background-color: goldenrod;
	  box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
    transform: translate(1.5rem, 1.5rem);
   
}

.page-box-2:hover {
    transform: translate(1.5rem, 1.5rem);
    color: white;
}

.page-box-2:hover::before {
    background-color: goldenrod;
}

.page-box-2:hover::after {
    background-color: white;
    transform: translate(-1.5rem, -1.5rem);
}