如何删除提交按钮上的底部和右侧框阴影？

Question

我已就此主题进行了大量研究，但找不到正确的答案。

我有一个输入按钮，我想要一个带有白色背景的灰色边框。但是当我将背景设置为白色时，它会自动在按钮的底部和右侧创建一个类似边框的阴影。我似乎无法将其删除。下面是css代码和HTML

任何帮助都会非常感激。谢谢！

CSS：

  input{
  display: inline-block;
  height: 40px;
  width: 380px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  background-color: white;
}

HTML：

<input id="sign_in"  type="submit" value="Sign In">