为什么我的iPhone上HTML按钮的样式看起来与众不同？

Question

想知道为什么我的HTML按钮在iPhone上看起来如此不同，下面的图片显示了它。 首先是图片的外观，其次是在iPhone上的外观。

.btn {
  background-color: #47ca6b;
  color: white;
  padding: 15px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 15px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.btn:hover {
  background-color: #45a049;
}

<input type="submit" value="Sign Up" class="btn">