Estilo cubico

Este estilo se asemeja a lo cuadrado, no se me ha ocurrido otro nombre para el.

Código CSS:

.btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #ffffff; font-size: 20px; background: #0099ff url(http://icons.iconarchive.com/icons/custom-icon-design/mono-general-2/32/search-icon.png) no-repeat center; padding: 10px 20px 10px 20px; border: solid #000000 1px; text-decoration: none; } .btn:hover { background: #007bc7 url(http://icons.iconarchive.com/icons/custom-icon-design/mono-general-2/32/search-icon.png) no-repeat center; text-decoration: none; } .txt { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #000000; font-size: 20px; background: #ffffff; padding-right: 0; padding: 10px 20px 10px 20px; border: solid #000000 1px; text-decoration: none; } .txt:hover { background: #ffffff; text-decoration: none; }

Código HTML:

<div style="text-align: center;"> <form action="/search"> <input type="text" class="txt" name="q" size="30" required="" placeholder="Buscar..."> <input type="submit" value=" " title="Buscar" class="btn" name="sa" action="/search"> </form> </div>