П/равильная кнопка - правильный код

[wwizard]

Прошу помощи. Хочу в товаре вставить кнопку на всплывающее окно. Нашел правдами и неправдами такой код:

<p style="text-align: center;"><button><a href="#ft-header-contacts" data-toggle="modal" data-whatever="callback"><b><span style="color: #ff3f00;"><u style="font-size: 24px; font-weight: bold; background-color: #;">ЗАБРОНИРОВАТЬ СКИДКУ</u></span></b></a></button></p>

В результате получил такую кнопку:

 

Вопрос, как сделать так - чтобы кнопка была голубенькая с округлыми краями и при наведении притемнялась?

[LiLu]

<a class="btn btn-primary text-center" href="#ft-header-contacts" data-toggle="modal" data-whatever="callback">ЗАБРОНИРОВАТЬ СКИДКУ</a>