/*
 * Knoppen (.button, Contact Form 7 submit)
 */

html .button,
html .wpcf7-submit {
  display: inline-block;
  height: 50px;
  line-height: 55px;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  border-radius: 0;
  border: 0;
}
html .button:hover:before,
html .wpcf7-submit:hover:before {
  transition: right 0.3s ease-in-out;
  right: 0%;
}
html .button:hover,
html .button:active,
html .wpcf7-submit:hover,
html .wpcf7-submit:active {
  text-decoration: none;
  color: #000;
}
html .button:before,
html .wpcf7-submit:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #000;
  height: 4px;
  transition: right 0.3s ease-in-out;
}
html .button.red,
html .wpcf7-submit.red {
  background-color: #fa7268;
  color: #fff;
}
html .wpcf7-submit {
  background-color: #fa7268 !important;
  color: #fff !important;
}