/* Add spacing between stacked buttons on mobile */
.quick-actions a,
.quick-actions button,
.action-buttons a,
.action-buttons button,
.btn,
a.btn {
  display: inline-block;
  margin-bottom: 0.5rem; /* 8px spacing between stacked buttons */
}

/* For button groups/containers */
.quick-actions,
.action-buttons,
.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem; /* Modern browsers: consistent spacing */
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  .quick-actions,
  .action-buttons,
  .button-group {
    flex-direction: column; /* Stack vertically */
  }
  
  .quick-actions a,
  .quick-actions button,
  .action-buttons a,
  .action-buttons button,
  .btn,
  a.btn {
    width: 100%; /* Full width on mobile for better touch targets */
    margin-bottom: 0.75rem; /* 12px spacing on mobile */
    text-align: center;
  }
  
  /* Remove margin from last button to avoid extra space */
  .quick-actions a:last-child,
  .quick-actions button:last-child,
  .action-buttons a:last-child,
  .action-buttons button:last-child {
    margin-bottom: 0;
  }
}