Кнопка в описании товара - html - как правильно?

[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>

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

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

 

[giorno]

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

<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>

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

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

Добавить класс кнопке и в css прописать нужные параметры