Как вставить красивю кнопку CSS в модуль/материал? - Вопросы по CSS

Здравствуйте!
Друзья, подскажите как быть? Хочется в модуль или в материал вставить красивую кнопку CSS созданную на сайте https://css-tricks.com/examples/ButtonMaker/#. Собственно сам вопрос, это как и куда вставить CSS код который генерирует сам сайт, и как это вставить в модуль?

CSS код вставь в CSS файл шаблона. Ну а ссылку выводи с помощью HTML модуля.

Ну а ссылку выводи с помощью HTML модуля

вот этот момент не очень понял, но все получилось. Я закинул код в CSS шаблона, а к самому тексту добавил атрибут класса CSS и все получилось. Не знаю, насколько я правильно все объяснил, но если что вот ссылка на то, что хотел сделать http://jm2.svetoservice-msk.1q406.spectrum.myjino.ru/index.php саму кнопку можно увидеть в тарифных планах и кнопка - Подключить. Спасибо что помогли!

Правильно! Только это элемента <a>, а не <span>
Атрибут style убери и в .button:hover убери color и текст будет белый

<a>, а не <span>

Joomla мне сама сделала <span>, я специально это не делал, а на что это может влиять? если это должен быть <a> а у меня <span>?

Атрибут style убери и в .button:hover убери color и текст будет белый

все сделал, получилось еще лучше Спасибо!

Joomla мне сама сделала <span>, я специально это не делал, а на что это может влиять? если это должен быть <a> а у меня <span>?все сделал, получилось еще лучше Спасибо!

Если клик по <span> будет обрабатываться jQuery, то можешь не менять,
ну а так добавив атрибут href="" можно по клику переходить по ссылке...

Теперь понял про что вы говорите. Естественно, это будет переход по ссылке для заполнения формы, просто еще не сделал. Сразу не сообразил о чем идет речь. И тогда само собой это будет <a href=""> и так далее  Спасибо еще раз!