.connect-button {
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: var(--connect-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 800;
  line-height: 1;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.connect-button:hover {
  transform: translateY(-2px);
}

.connect-button--primary {
  background: linear-gradient(
    135deg,
    var(--connect-primary),
    var(--connect-primary-dark)
  );
  color: #03111d;
  box-shadow: 0 12px 34px rgba(56, 189, 248, 0.2);
}

.connect-button--primary:hover {
  box-shadow: 0 16px 44px rgba(56, 189, 248, 0.3);
}

.connect-button--secondary {
  border-color: var(--connect-border);
  background: rgba(255, 255, 255, 0.035);
  color: var(--connect-text);
}

.connect-button--secondary:hover {
  border-color: rgba(56, 189, 248, 0.35);
  background: rgba(56, 189, 248, 0.08);
}

.connect-eyebrow {
  color: var(--connect-primary);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}