.btn--ghost {
  --btn-bg: var(--button-secondary-bg);
  --btn-ink: var(--button-secondary-text);
  --btn-ink-hover: var(--button-secondary-hover-text);
  border-color: var(--button-secondary-border);
}

.btn.btn--ghost:hover {
  background: var(--button-secondary-hover-bg);
  color: var(--button-secondary-hover-text);
}

.hero--cms .btn--ghost {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-border);
  color: var(--button-secondary-text);
}

.hero--cms .btn--ghost:hover {
  background: var(--button-secondary-hover-bg);
  color: var(--button-secondary-hover-text);
}

.button-secondary {
  background: var(--button-secondary-bg);
  border-color: var(--button-secondary-border);
  color: var(--button-secondary-text);
}

.button-secondary:hover {
  background: var(--button-secondary-hover-bg);
  border-color: var(--button-secondary-border);
  color: var(--button-secondary-hover-text);
}