JSFiddle - React, Tailwind, and code Playground

HTML

<div>div 1<div>div 2</div><div>div 3</div></div>

CSS

body > div{
    width:80px;
    height:115px;
    padding:5px;
    border:4px solid black;
    border-radius:15px;
}
div > div{
    border:2px solid black;
    border-radius:15px;
    position:relative;
    width:75px;
    transition-duration:.15s;
    height:50px;
    top:0;
    background:white;
}
div > div:last-of-type{
    top:65px;
}

body > div:hover > div:first-of-type{
    top:-17px;
    color:black;
}
body > div:hover > div:last-of-type{
    top:-15px;
    color:black;
}