/*center button*/
div {
    margin-top: 28rem;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border: 3px solid green; 
  }
/*center button*/

/*button style*/
.myButton {
    box-shadow: 0px 10px 14px -7px #276873;
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
    box-shadow: 0px -7px 14px -7px #276873;
	background-color:#eccf29;
	border:1px solid #eccf29;
	color:#070707;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*button style*/