/* Homepage hero buttons. Hub heroes link this file so they use the same rules. */
.btn-row { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 17px 34px;
  background: var(--ember);
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-weight: 600; font-size: 16px;
  text-decoration: none;
  border-radius: 100px;
  border: none; cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 32px rgba(255, 87, 34, 0.3);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(255, 87, 34, 0.5); }
.btn-primary::after { content: '→'; }
.btn-ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 17px 34px;
  background: transparent;
  color: var(--cream);
  font-family: 'Manrope', sans-serif;
  font-weight: 600; font-size: 16px;
  text-decoration: none;
  border-radius: 100px;
  border: 1px solid var(--border-strong);
  transition: border-color 0.2s, background 0.2s;
}
.btn-ghost:hover { border-color: var(--cream-muted); background: rgba(244,237,225,0.03); }