body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0 auto;
    width: 80%;
    padding: 1.5%;
}

.button_div, .form_div {
    display: inline-block;
    vertical-align: top;
}

.button_div {
    width: 25%;
    float: left;
}

.button_div > button {
    display: block;
    width: 80%;
    clear: both;
    margin: 0 auto;
    background-color: white;
    color: black;
    cursor: pointer;
    height: 4em;
    border-radius: 10px;
    border-color: white;
    border-style: unset;
    transition: 0.5s;
}

.button_div > button:after {
    display: block;
    content: "";
    position: relative;
    left: 30%;
    bottom: -5px;
    width: 40%;
    border-bottom: 3px solid #3d3d3d;
    transition: 0.5s;
} 

.button_div > button:hover:after {
    display: block;
    content: "";
    position: relative;
    left: 10%;
    bottom: -2px;
    width: 80%;
    border-bottom: 3px solid #000;
} 


.button_div > button:hover {
    background-color: #dcdcdc;
}

.button_div > button:active {
    background-color: #aaaaaa;
}


.form_div {
    width: 65%;
}