JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <div class="box-inner"></div>
</div>

SASS

.box
  margin: 20px auto
  width: 100px
  height: 100px
  background-color: darken(red, 20%)  // <-- блок-фон
  &-inner
    height: 100%
    background-color: red
    transition: .3s ease-out
    transition-delay: .3s  // <-- задержка на случай если указатель будет между двумя болками чтобы они не сразу возвращались
  &:hover .box-inner
    transform: translate(50px, 50px)
    transition: .3s ease-out