A 2º button doesn't appear under my first one - html

Question

Using Wordpress, I don't know why but I try to put a button under another one but it doesn't appear. I tried changing the name of my classes and other stuff, and still having the same problem. Here's my code:
<style>
#body2{
width: 343px;
height: 1094px;
background-image:url("/wp-content/uploads/2015/04/der-side.png");
background-repeat:no-repeat;
background-size:cover;
background-position: left top;
}
.myButton {
background-color:transparent;
border:3px solid #000000;
margin-top: 923px;
margin-left: 75px;
display:inline-block;
cursor:pointer;
color:#000000;
font-family:arial;
font-size:18px;
padding:16px 47px;
text-decoration:none;
}
.myButton:hover {
background-color:black;
text-decoration: none;
}
.myButton:active {
position:relative;
text-decoration: none;
}
.per{
background-color:transparent;
border:3px solid #000000;
margin-top: 953px;
margin-left: 75px;
display:inline-block;
cursor:pointer;
color:#000000;
font-family:arial;
font-size:18px;
padding:16px 47px;
text-decoration:none;
}
.per:hover {
background-color:black;
text-decoration: none;
}
.per:active {
position:relative;
text-decoration: none;
}
</style>
<div id="body2">
<div>C A T Á L O G O</div>
<div>Personaliza</div>
</div>
What could it be? CSS?