Margin pomiędzy dwoma buttonami

Tutaj mój problem https://codepen.io/mateuszto/pen/mjeqaa
Chodzi o to, że chciałbym aby odległośc pomiędzy 1 a 2 buttonem wynosiła np:15px; Niestety ustawiając marginy oraz paddingi nie działa. W jaki sposób mógłbym to zrobić.
https://codepen.io/mateuszto/pen/mjeqaa

Bo ogólnie zrobiłem to teraz z divami, ale to tak mi się wydaję za dużo kodu. Czy tak może być ok? Wpakowane wszystko w divy? Czy raczej unikać takiej metody? :D

.przyciski .historia{
  margin:10px;
}

<div class="przyciski">
  <div class="historia">
    <button class="ofirmie">Historia
    </button>
   </div>
            <button class="oferta">Przykłady</button>
</div>

utwórz class button lub btn (nazwy po angielsku najlepiej), a w nim stylowanie buttona+pagging/margin potem dodaj w odpowiednim miejscu, jak nie wiesz jak zacząć to sa generatory buttonów w necie
https://www.designrush.com/resources/css3buttongenerator
https://www.bestcssbuttongenerator.com
https://loading.io/button/generator

Szanowni Państwo (a w szczególności @Mateuszto) - można to zrobić na samych buttonach, bez wstawiania dodatkowych DIV'ów.
I nie chodzi mi teraz o dyskusję, które rozwiązanie jest lepsze, a jedynie o pokazanie, że tak jak pierwotnie chciałeś też się da - https://jsfiddle.net/vc7gx3qj/1/

O to chodzi?

Wystarczy, że zmienisz w klasie ofirmie wartość margin: 0 auto na margin:0 auto 15px auto;