Есть две nav buttons
, как их расположить централизованно рядом друг c другом.
Больше интересует как их параметры совместить в один класс, чтобы не писать 2 одинаковых класса, с отличием только в цвете.
ПО возможности хотел бы получить ответ на два этих простых вопроса.
.button {
background: rgba(0, 0, 0, 0.7);;
color:#fff;
display: block;
width: 200px;
padding: 22px;
margin-top: 275px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none;
text-align: center;
<a class= "button1" href="#">BOOK A TABLE</a>
<a class= "button2" href="#">SEE THE MENU</a>