.button,
.wpcf7-form-control.has-spinner.wpcf7-submit {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  padding: 1.25rem 2rem;
  font-size: 2rem;
  appearance: none;
  font-weight: 600;
  border-radius: 10px;
  letter-spacing: 0.1rem;
  font-family: "NulshockExtraLight";
}

a.button.button-primary,
a.button.button-secondary {
  text-decoration: none;
}

.button:focus {
  outline: 1px dotted;
  outline: 1px auto -webkit-focus-ring-color;
}

.button.btn-lnk {
  border-radius: 0;
  border-style: solid none;
  color: var(--color-primary);
  font-family: "NulshockBook";
}

a.button.btn-lnk {
  text-decoration: none;
}
a.button.btn-lnk:hover {
  text-decoration: none;
}

.button.button-primary,
.wpcf7-form-control.has-spinner.wpcf7-submit {
  color: var(--color-on-primary);
  background-color: var(--color-primary);
}

.button.button-primary:hover,
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: var(--color-on-secondary);
  background-color: var(--color-secondary);
}

.button.button-secondary {
  color: var(--color-on-tertiary);
  background-color: var(--color-tertiary);
}

.button.button-secondary:hover {
  color: var(--color-on-secondary);
  background-color: var(--color-secondary);
}

.__simp-type-one-btn > a.button.button-primary {
  margin-bottom: 0;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  border: none;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.invalid {
  border: 3px solid var(--color-error);
  color: var(--color-on-error-container);
  background: var(--color-error-container);
}
