DepthButton

DepthButton

HTML :

    <div class="depthButton">
        Hover Me
    </div>

CSS :

    .depthButton {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        padding: 0 14px;
        box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
        background: #fff;
        border-radius: 4px;
        transition: all .15s ease;
    }

    .depthButton:hover {
        color: #5778F3;
        transform: translateY(-1px);
        box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    }