.amber-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3rem;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: var(--font-size-md);
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.amber-btn--fill {
  background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent-deep));
  color: var(--color-accent-ink);
  border: none;
  border-radius: 0.65rem;
  padding: 0.85rem 1.7rem;
  box-shadow: 0 0.3rem 1rem rgba(244, 137, 42, 0.28);
}
.amber-btn--fill:hover { background: linear-gradient(135deg, #ffd48f, var(--color-accent)); color: var(--color-accent-ink); }

.amber-btn--line {
  background: transparent;
  color: var(--color-text);
  border: var(--border-width) solid var(--color-line);
  border-radius: 0.65rem;
  padding: 0.8rem 1.4rem;
}
.amber-btn--line:hover { border-color: var(--color-accent); color: var(--color-accent-light); }


.cc-btn-primary, .cc-btn-primary:hover { color: var(--color-accent-ink); }