/* buttons.css */
/* Primary action buttons */
button {
  font-family: var(--font-body);
  border: none;
  border-radius: var(--space-2);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

/* Delete */
.delete-offer-button {
  background-color: var(--danger);
  color: var(--neutral-50);
  padding: var(--space-1) var(--space-2);
}
.delete-offer-button:hover {
  background-color: #ff6666;
}

/* Generic actions */
.accept-order-button,
.confirm-receipt-button,
.send-items-button,
.view-details-button,
.mini-send-button,
.btn-primary,
.send-batch-button {
  background-color: var(--primary-600);
  color: var(--neutral-50);
  padding: var(--space-1) var(--space-2);
  font-size: 0.85rem;
}


#upgradeBtn {
  background-color: var(--primary-600);
  color: var(--neutral-50);
  padding: var(--space-2) var(--space-2);
  font-size: 1rem;
}


.accept-order-button:hover,
.confirm-receipt-button:hover,
.send-items-button:hover,
.view-details-button:hover,
.mini-send-button:hover,
.send-batch-button:hover {
  background-color: var(--primary-700);
}

/* Large “View Details” */
.view-details-button.large-button {
  display: block;
  width: 100%;
  margin-top: var(--space-2);
  padding: var(--space-2) var(--space-4);
  font-size: 1rem;
}



   #upgradeBtn