css怎么给button设置阴影

<!--html代码-->

<input class="but" type = "button" value = "确认" />

<!--css代码-->

<style type="text/css">

 .but{

 border: 0px groove orange;

 box-shadow: 5px 6px 10px #000;

 margin-left: 160px;

 border-radius: 10px;

 background: #034c92;

 color: white;

 width: 250px;

 height: 40px;

 font-size: 20px;

 }

 .but:hover{

 box-shadow: 8px 10px 10px #000;

 background: #005DF9;

 }

 </style>