.contact-form-widget { width:100%; max-width: 280px; margin: 0 auto; margin-bottom: 25px; padding: 10px; border-top: 35px solid #424242; border-bottom: 25px solid #424242; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiryReuMgk1Kjrsc6c-ZLdnsCFe0NhvGfpErZTiYHz_5FM84dRrQpfnvC9CGqiKfNpVie68hFW214RxXe9I6vzhhA5sytEJ_5nrosLQeCyyF0XKYyJs6SZPOOtrU59HY6STQ1PnUWZb8XsA/s128/metal.gif); color:#424242; text-shadow: 1px 1px 1px #FFFAFB; box-shadow: -6px 6px 6px 0px rgba(50, 50, 50, 0.65); border-radius: 18px; float: left; } /* Estilos de los campos */ .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 100%; margin-bottom: 10px; box-shadow:inset 1px 1px 5px 1px #808080; } /* Campo del mensaje */ .contact-form-email-message { padding: 5px; } /* Botón de enviar */ .contact-form-button-submit { width: 40%; max-width: 40%; height: auto; border: none; border-top: 1px solid #9c9c9c; background: #424242; background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#575757)); background: -webkit-linear-gradient(top, #424242, #575757); background: -moz-linear-gradient(top, #424242, #575757); background: -ms-linear-gradient(top, #424242, #575757); background: -o-linear-gradient(top, #424242, #575757); padding: 2px 5px; border-radius: 8px; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #fff; font-size: 13px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; margin-bottom: 10px; float: right; } /* Botón de enviar al pasar el cursor */ .contact-form-button-submit:hover{ background: #424242; color: #ccc; border: none; }