Тема: Помогите исправить button

Приветствую, прошу помочь мне в решении данной проблемы. Задача состоит в том что нужно создать две кнопки на одной линии. При создании они появились "слепленные". Надеюсь на Вашу помощь новичку)))

<div class="buttons">
<div class="button1"><a href="#">Purchase now</a></div>
<div class="button2"><a href="#">Learn more</a></div>
</div>

[Ссылки могут видеть только зарегистрированные пользователи. ] Фото прилагается

Доброе утро.
Попробуйте в css прописать стили:
.button1{
margin-right: 10px; (или padding-right: 10px)
}

Лишние теги div. Достаточно одних <a>