Как я могу исправить элементы стиля CSS, не работающие на кнопке

Question

Я учусь кодировать и у меня возникают проблемы, которые я не могу решить. Я создал кнопку на html и присвоил ей стиль CSS, но стилизация не вступила в силу. Свойства кнопки были созданы с помощью CSS Button Creator.

.btn {
    background: #11CDD4;
    background-image: -webkit-linear-gradient(top, #11CDD4, #11999E);
    background-image: -moz-linear-gradient(top, #11CDD4, #11999E);
    background-image: -ms-linear-gradient(top, #11CDD4, #11999E);
    background-image: -o-linear-gradient(top, #11CDD4, #11999E);
    background-image: linear-gradient(to bottom, #11CDD4, #11999E);
}

<div class="contact-me">
    <h2>Get In Touch</h2>
    <h3>Lorem ipsum dolor sit amet, non elit.</h3>
    <p class="contact-me">Love working with vibrant entrepreneurs so feel free to contact me.</p>
    <a class="btn" href="mailto:bashcele@email.com">CONTACT ME</a>
</div>

Answer 1

Кажется, работает просто отлично, я только что скопировал ваш код ... у вас есть загруженные te css или теги -style-?

.btn {background: #11CDD4;background-image: -webkit-linear-gradient(top, #11CDD4, #11999E);background-image: -moz-linear-gradient(top, #11CDD4, #11999E);background-image: -ms-linear-gradient(top, #11CDD4, #11999E);background-image: -o-linear-gradient(top, #11CDD4, #11999E);background-image: linear-gradient(to bottom, #11CDD4, #11999E);}

<div class="contact-me">
      <h2>Get In Touch</h2>
      <h3>Lorem ipsum dolor sit amet, non elit.</h3>
      <p class="contact-me">Love working with vibrant entrepreneurs so feel free to contact me.</p>
      <a class="btn" href="mailto:bashcele@email.com">CONTACT ME</a>
 </div>