增加提交按钮的宽度（在非手机上查看时）

Question

在非移动设备上观看时如何增加提交按钮的宽度？

这是一个包含在登录页面中嵌入的iFrame的响应式表单。

CSS代码：

.loudbutton, .quietbutton {
width: 50%;
height: 40%;
    color: white;
    border-radius: 0.5em;
    background-color: rgb(79, 111, 163);
    border: none;
    padding: 7px;
    margin: 10px 0px 10px 0px;
    -webkit-appearance: none;
    float: none;
    min-width: 203px;
}

JS小提琴 - https://jsfiddle.net/xpepn72r/

实时预览链接 - http://preview.hs-sites.com/_hcms/preview/content/2371060669?portalId=155045&_preview=true&preview_key=w1at_hmF&__hstc=20629287.a9dcced3bbb4addd0a40a4006db38d92.1449656514144.1450454450316.1450690785211.14&__hssc=20629287.21.1450690785211&__hsfp=3888868638