/* Hero CTA-Buttons — Grau-Variante entspricht gcbok 00-banner "Coverage" (#6B7280) */
.gc-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3, 0.75rem);
  margin: 1.75rem 0;
  padding: 0;
  list-style: none;
}

.gc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 8px);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}

.gc-btn--gray {
  background: #6B7280;
  color: #fff;
}

.gc-btn--gray:hover,
.gc-btn--gray:focus-visible {
  filter: brightness(0.94);
  outline: none;
}