كيف اخلي شكل زر الدخول وبقيه الازرار كذا..؟؟

input.mainoption {
border: 2px solid #FFFF66 ;
background:#3399CC;
border-top-width:5px;
border-radius:10px;
            }

input.liteoption {
border: 2px solid #FFFF66 ;
background:#3399CC;
border-top-width:5px;
border-radius:10px;
            }

input {
  border: 2px solid #FFFF66 ;
background:#3399CC;
border-top-width:5px;
border-radius:10px;
            }

.button:hover, input[type="submit"]:hover, input[type=reset]:hover {
  background-color: #bdd051;
}
.button, input[type="submit"], input[type=reset] {
  -moz-border-radius: 4px;
  -moz-transition: all .15s linear;
  -webkit-border-radius: 4px;
  -webkit-transition: all .15s linear;
  background-color: #a8c508;
  background-image: linear-gradient(top,rgba(255,255,255,0.3), rgba(255,255,255,0));
  border: 1px solid #bbb;
  border-color: #c0ce75;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Tahoma;
  font-size: 12px;
  line-height: 1.55em;
  margin: 0 12px 0 0;
  overflow: visible;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: 1px 0 0 rgba(0,0,0,0.35);
  transition: all .15s linear;
  vertical-align: middle;
  white-space: nowrap;
}