.button {
  align-items: center;
  background: var(--blue);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  padding: .7rem 1.35rem;
  transition: background-color 160ms ease, transform 160ms ease;
}

.button:hover { background: var(--blue-dark); transform: translateY(-1px); }
.button-disabled { background: #d9dde6; color: #81899a; cursor: not-allowed; }
.button-disabled:hover { background: #d9dde6; transform: none; }

@media (max-width: 620px) {
  .header-cta { min-height: 38px; }
}