Почему не получается нужный вид кнопки?

Question

[Максим Герасименко]

Нужно сверстать такую кнопку:
https://codepen.io/E1ON/pen/vYEVxwV
Пытаюсь применить этот код на сайте maxg5.ru. Получается совсем другой вид кнопки:

Не получается применить все CSS стили кнопки в одном классе. Что бы можно было написать HTML так:
<button class="but3">Онлайн заявка</button>
И в классе but3 все стили кнопки.
Помогите разобраться пожалуйста!

Comments

[Egor]

Копируешь все, что в кодпене (style переносишь в css). Что может не получиться?

[Максим Герасименко]

Egor Ermolaev,
Скопировал. Вот пример что получилось:

И не пойму почему так(

[Egor]

Максим Герасименко, в кодпен залей и дай ссылку

[Максим Герасименко]

Egor Ermolaev, https://codepen.io/maxg5/pen/MWYPGKM
Толи я не до копировал что то. Помогите разобраться пожалуйста.

[Egor]

Максим Герасименко, Вариант обернуть текст в span, как в исходнике не подходит?

[Максим Герасименко]

Egor Ermolaev,
Нет, желательно без span обойтись.

[Максим Герасименко]

Bavashi,
да нет, стили не перебиваются стандартными стилями кнопки.
в кодпен даже не получается без span.
если добавить span то должно получиться, но нужно без span

[Максим Герасименко]

Bavashi,
Нужно сделать та к да, все верно.
Но нужно что бы кнопка выглядела как в исходнике:
https://codepen.io/E1ON/pen/vYEVxwV
В исходнике у кнопки границы другие и она более выпуклая.

[Максим Герасименко]

Bavashi,
Со span вот что получается:

Хотя все стили я перекопировал из исходника и стили другими стилями не перебиваются.

[Максим Герасименко]

Bavashi,

У меня в обще по другому выглядит(
Можете зайти на мой сайт maxg5.ru и посмотреть в чем дело. Кнопка в блоке Наши преимущества на Главной странице.