JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<a id="google-search" name="btnI" href="https://www.google.com/search?q=adprizes%2B+" class="btn searchButton2" data-toggle="tooltip" data-placement="top" title="&nbsp;Pesquisar">
<i class="fa fa-times fa-lg"></i>
</a>

CSS

.searchButton2 {
    padding-top: 8px;
    max-width: 130px;
    width: 50px;
    height: 45px;
    border: 3px solid red;
    background: #28b9ed;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-left: -4px;
    margin-left: 45px;
    margin-top: 1px;
    outline: none;
}