مولد CSS لأزرار الإطار الخارجي (Outline)

.btn-outline {
  border: 1px solid #111827;
  color: #111827;
  background: transparent;
  border-radius: 12px;
  padding: 8px 15px;
  transition: all 0.3s ease;
}

.btn-outline:hover {
  background: #111827;
  color: #f8fafc;
}