/* Design System Components — BaitoCrypto.fun (v2) */

.btn{
  border-radius: var(--cf-r-md);
  padding: 12px 16px;
  font-weight: 600;
  transition: transform var(--cf-dur-2) var(--cf-ease), box-shadow var(--cf-dur-2) var(--cf-ease), filter var(--cf-dur-2) var(--cf-ease);
}
.btn-lg{ padding: 14px 18px; border-radius: var(--cf-r-lg); }
.btn-primary{
  background: linear-gradient(135deg, rgba(34,211,238,0.95), rgba(99,102,241,0.95));
  color: #07101c;
  box-shadow: var(--cf-shadow-sm);
  border: 1px solid rgba(255,255,255,0.10);
}
.btn-primary:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.btn-ghost{
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--cf-border-soft);
  color: var(--cf-text);
}
.btn-ghost:hover{ transform: translateY(-1px); box-shadow: var(--cf-shadow-sm); }