WordPress: Agregar efecto de mouseover al bloque Gutenberg en WordPress

CSS, Gutenberg, Wordpress
.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/