html – ¿Por qué mi codificación CSS deshabilita mi botón de WordPress?

.wp-block-button {
  position: relative;
  height: 20px;
  line-height: 20px;
  text-align: center;
  transition: 0s;
  padding: 20px 20px;
  cursor: pointer;
  transition: 0s;
}

.wp-block-button {
  background-color: transparent!important;
  border-color: transparent!important;
  color: #000000!important;
}

.wp-block-button:hover:before {
  transition-delay: 0s;
}

.wp-block-button:before {
  width: 0%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  bottom: .1em;
  left: 2em;
  box-sizing: border-box;
  transition: 0s;
}

.wp-block-button:hover:before {
  width: 80% !important;
  transition: 0s;
}

.wp-block-button:before {
  border-bottom: 3px solid #59629a!important;
}

<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline" style="font-size:18px">
  <a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="https://rothgrouplaw.com/new-client-intake-form/" style="border-radius:0px;background-color:#111e6e">Schedule Your Free Evaluation
        </a>
</div>