hello just a quick question about overlapping two buttons with a div tag, how do i do it? i tried position and margin but both do not move the buttons.

heres the html:

```
<div class="container-fluid">
    <div style="margin:auto;">
        <button type="submit" class="btn-login">Log in</button>
    </div>
    <div class="signup-form">
    <label style="text-align:center;margin-bottom:20px">Create an Account</label>

    <div>
        <button type="submit" class="btn-login">Sign Up Free</button>
    </div>
        <label style="text-align:center;margin-bottom:20px;margin-top:20px">or</label>
    </div>
</div>
    <div class="social_media">
        <button type="submit" class="btn-facebook"></button>
        <button type="submit" class="btn-gmail"></button>
    </div> 
</body>

```

heres the css:

```
.signup-form {
    top:-40px;
    position:relative;
    box-sizing: border-box;
    margin: 25px auto;
    margin-bottom:0px;
    width: 100%;
    max-width:400px;
    background-color: white;
    padding: 50px 50px 50px 50px;
    box-shadow: 1px 5px 2px #330000;
    z-index: -1;
}

.social_media {
    text-align:center;
}

.btn-facebook {
    margin-bottom:60px;
    padding-left:30px;
    background-image: url(fb.gif);
    background-color: #3b5998;
    padding: 0px;
    border: 3px solid white;
    border-radius: 5px;
    box-shadow: 1px 2px 2px grey;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
}

.btn-gmail {
    margin-bottom:60px;
    top:50%;
    padding-right:30px;
    background-image: url(g+.gif);
    background-color: #dc4a38;
    padding: 0px;
    border: 3px solid white;
    border-radius: 5px;
    box-shadow: 1px 2px 2px grey;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    font-family: sans-serif;
    font-size: 16px;
    color: white;
}

```

also the first screenshot is what it looks like now and the second is from a photoshopped image on what im trying to replicate

[![current look](https://i.stack.imgur.com/BX68x.png)](https://i.stack.imgur.com/BX68x.png)

[![photoshop](https://i.stack.imgur.com/PwxYg.png)](https://i.stack.imgur.com/PwxYg.png)