Move an element with a soft effect CSS.

<style type="text/css">

    #mob-home-btn {
        width: 150px;
        height: 20px;
        text-align: center;
        font-family: verdana;
        line-height: 20px;
        background-color: magenta;
       
    }
    #superDiv {
        width: 150px;
        height: 100px;
        background-color: #272727;
        transition: margin-top 1s;
    }
    #mob-home-btn:hover + #superDiv {
        margin-top: 150px;
    }

</style>


<div id="mob-home-btn">Hover Over Me</div>
<div id="superDiv"></div>


Output :)

1)

2)