.btn {
  display: inline-flex;
  gap: .55rem;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: .9rem 1.2rem;
  font-weight: 600;
  transition: background 0.3s ease;
  will-change: transform;
  background:#0096e5;
}

.btn:hover {
  background: #037dc1;
}

.btn:focus-visible {
  outline: none;
  box-shadow: var(--ring)
}

.btn.primary {
  background: rgb(0 149 229);
  color: #fff;
  border-color: transparent
}

.btn.ghost {
  background: transparent
}