.cta-button {
  padding: var(--space-2) var(--space-6);
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--ease);
  box-shadow: var(--shadow-md);
}

.cta-button--primary {
  color: var(--color-surface);
  background-color: var(--color-accent);
}

.cta-button--secondary {
  color: var(--color-ink);
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.cta-button:active {
  scale: 0.9;
  box-shadow: var(--shadow-sm);
}