Buttony wyświetlają się pod sobą zamiast obok siebie

Zrobiłem buttony zgodnie z tym: https://webboard.pl/thread-65494.html (Post #277827).
Wszystko działa, jak należy (jedyne co zmieniłem to ich kolory, wielkość znaków oraz wysokość i szerokość na 100%, aby dostosowywały się w sam raz do tekstu).
Mój problem polega na tym, że w kodzie CSS nie widzę, żadnej linijki która sprawiałaby, że przyciski mają wyświetlać się pod sobą, a jednak to robią. 
Nie ważne gdzie wstawię te buttony może to być: tabela, wątek, opis regulaminu działu - to zawsze są pod sobą. Nie używam "<br />". Dlaczego tak się dzieje? Jak to naprawić? Pracuje ze stylem Flatty.
Piszę nowy wątek ponieważ na forum znalazłem takie same pytanie, lecz bez konkretnej odpowiedzi i tamtejszy użytkownik nie szukał już później pomocy w rozwiązaniu problemu. 
ScreenShot:
(jak widać buttony są pod sobą, a nie obok)

.szukaj a {
background:seagreen;
color:#fff;
}

.szukaj a:hover{
background:#1F7143;
}

.button a{
font-size:17px;
width:60%;
padding:15px;
margin:15px auto;
border-radius:3px;
text-align:center;
}

.button {display:inline;}

.button i{
font-size:25px;
margin:0 10px 0 0;
vertical-align:middle;
}

Powinno zadziałać.