Trying to get button on top of and in the center of 4 others

Hi I'm Trying to get button on top of and in the center of 4 others buttons and i just get this: the 4 buttons

the css:

.wrapper {
text-align: center; }

.button {
position: absolute;
z-index: 5;
top: 50%;
}

.baseHomeButtons {
display: inline-block;
width: 100%;
height: 50%;
background-color: #4CAF50;
border: none;
color: black;
text-align: center;
text-decoration: none;
font-size: 20px;
cursor: pointer;
}