.button,
button,
.ds-button {
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-weight: 900;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease,
    color 180ms ease;
}

.button:hover,
button:hover,
.ds-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

.button.primary,
.ds-button-primary {
  background: linear-gradient(135deg, var(--donna-red), var(--donna-red-deep));
  color: var(--donna-white);
}

.button.secondary,
.ds-button-secondary {
  background: rgba(255, 246, 230, 0.08);
  border: 1px solid var(--donna-line);
  color: var(--donna-gold-light);
}