.button {
  border-radius: 25px;
  cursor: pointer;
  font-family: inherit;
  padding: 14px 29px;
  transition: all 0.1s ease-in-out;
  font-size: 16px;
  outline: none;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
}

.button:hover {
  text-decoration: none;
}

.button-primary {
  color: #00ffc4;
  background: var(--gc-primary-blue);
  border: 1px solid var(--gc-primary-blue);
}

.button-primary:hover {
  color: white;
  background: var(--gc-secondary-blue);
  border: 1px solid var(--gc-secondary-blue);
}

.button-secondary {
  color: var(--gc-primary-blue);
  background: white;
  border: 1px solid var(--gc-primary-blue);
}

.button-secondary:hover {
  color: var(--gc-secondary-blue);
  background: white;
  border: 1px solid var(--gc-secondary-blue);
}

.button-disabled {
  color: var(--gc-primary-light);
  pointer-events: none;
  cursor: not-allowed;
}