Проблемы с реализацией пользовательской кнопки https://cssbuttoncreator.com/ на моем базовом c сайте

Question

Я безуспешно пытался добавить настраиваемую кнопку, которую вы создаете на этом сайте. Я убедился, что мой класс в html называется так же, как и код в css, который был предоставлен, НО ничего не происходит. Я попытался удалить все различные веб-наборы и построить их построчно. Странно то, что когда я могу заставить его работать, он в основном создает нужную мне кнопку, но с частями поля на разных строках.

.button {
  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);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 40px;
  font-weight: 100;
  padding: 40px;
  box-shadow: 1px 1px 20px 0px #000000;
  -webkit-box-shadow: 1px 1px 20px 0px #000000;
  -moz-box-shadow: 1px 1px 20px 0px #000000;
  text-shadow: 1px 1px 20px #000000;
  border: solid #337FED 1px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.button:hover {
  border: solid #337FED 1px;
  background: #30ECDB;
  background-image: -webkit-linear-gradient(top, #30ECDB, #2BC4AD);
  background-image: -moz-linear-gradient(top, #30ECDB, #2BC4AD);
  background-image: -ms-linear-gradient(top, #30ECDB, #2BC4AD);
  background-image: -o-linear-gradient(top, #30ECDB, #2BC4AD);
  background-image: linear-gradient(to bottom, #30ECDB, #2BC4AD);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
}

<div class="contact-me">
  <h2>Get In Touch</h2>
  <h3>If you are interested in collaborating on a project</h3>
  <p class="contact-me-skill"> To be updated.</p>
  <a class="button" href="mailto:myemail@gmail.com">Contact Me</button>
      </div>
    </div>