How to remove default style of button

I've created a button and added CSS on to but the outcome isn't the expected outcome.

This is my HTML code

   <div class = button>
<button type="submit" class="registerbtn">Continue</button>
</div>

CSS code

.button{
/* centre the button  */
margin: 0;
position: absolute;
top: 70%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* adding colour and style */
  background-color: #008CBA; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  /* text-decoration: none; */
  display: inline-block;
  font-size: 16px;
  cursor: pointer;

}

Is there a way to fix this?