Botão compartilhar vermelho

 <style>

#ba-cuadrobusq .ba-textobusq {

border: 1px sólido #DDD;/*--defina a cor da borda--*/

box-sizing: border-box;

cor: #000000; /*--definir a cor da fonte--*/

font-family: 'Lora', serif;

tamanho da fonte: 14px;

preenchimento: 9px;

largura: 220px;

transição: todos os 0,3s facilitam a entrada;

-transição do webkit: todos os 0,3s facilitam a entrada e saída;

-moz-transição: todos os 0,3s facilitam a entrada e saída;

-o-transição: todos os 0,3s facilitam a entrada e saída;

-ms-transição: todos os 0,3s facilitam a entrada e saída;

}

#ba-cuadrobusq .ba-textobusq:hover {

box-shadow:inserir 1px 1px 8px ganhosboro;

}

#ba-cuadrobusq .ba-textobusq:foco {

imagem de fundo: -webkit-linear-gradient(branco,branco);

imagem de fundo: -moz-linear-gradient(branco,branco);

imagem de fundo: -ms-linear-gradient(branco,branco);

imagem de fundo: -o-linear-gradient(branco,branco);

cor de fundo: branco;

contorno: 1px sólido #E8550B;

cor: #000000;

estilo da fonte: normal;

box-shadow:inserir 1px 1px 8px ganhosboro;

borda: 1px sólido #E8550B;

}

#ba-cuadrobusq .ba-enviar {

background:#E8550B; /*--definir a cor do botão Buscar--*/

borda: 1px sólido #E3E3D9;/*--definir a cor da borda do botão Buscar--*/

cor: branco;

cursor: ponteiro;

font-family: 'Droid Sans', sans-serif !importante;

cor: #ff;

cursor: ponteiro;

altura da linha: 19px;

preenchimento: 8px 10px;

decoração de texto: nenhuma;

}

#ba-cuadrobusq .ba-enviar:hover {

background:#e8320f; /*--definir a cor do botão Buscar hover--*/

}

</style>

<form action="search/" id="ba-cuadrobusq">

   <input class="ba-textobusq" name="q" />

  <input class="ba-enviar" type="submit" value="Buscar" />

</form>