...
.menu .message {
float: left;
font-size: 24px;
width: 50%;
}
.menu .actions {
float: left;
width: 50%;
}
.menu .actions button {
position: relative;
float: left;
background: #666;
border: 3px solid #888;
border-radius: 4px;
color: #fff;
font-family: monospace;
font-size: 20px;
line-height: 14px;
margin: 4px;
padding: 16px;
width: calc(50% - 8px);
height: calc(50% - 8px);
}
.menu .actions button,
.menu .actions button:hover,
.menu .actions button:active {
outline: none;
}
.menu .actions button:hover {
background: #777;
border-color: #999;
}
.menu .actions button:active {
background: #555;
border-color: #666;
}