.shadow-with-mouse-over-effect {
background: #efefef;
box-shadow: 0 0 17px 0 rgba(0,0,0,0.06);
margin-bottom: 30px;
transition: .3s;
}
.shadow-with-mouse-over-effect:hover {
box-shadow: 0 20px 25px rgba(0,0,0,0.15);
transform: translateY(-4px);
}
Visto en https://myknowledgeportal.com/2019/01/09/add-mouseover-effect-to-gutenberg-block-in-wordpress/