.cta-btn-secondary {
  background: var(--surface-brand-secondary);
  color: var(--text-color-white);
}
.cta-btn-secondary svg path {
  fill: var(--grey-100);
}
.cta-btn-secondary:hover {
  color: var(--text-color-white);
}

.cta-btn-ghost {
  background: transparent;
  border: var(--border-medium) solid var(--grey-900);
}
.cta-btn-ghost:hover {
  background: transparent;
  color: var(--grey-900);
  border-color: var(--grey-900);
}

:root {
  --surface-brand-primary: var(--green-200);
  --surface-brand-secondary: var(--green-700);
  --surface-brand-tertiary: var(--orange);
  --surface-brand-secondary-opacity: var(--green-700-80);
}