.btn {
  display: inline-block; background: var(--color-accent); color: #fff; text-decoration: none;
  font-size: 1rem; font-weight: 600; font-family: inherit;
  padding: 0.35rem 0.9rem; border: none; border-radius: 999px; cursor: pointer;
  box-shadow: 0 2px 8px rgba(23,0,244,0.25);
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.btn:disabled { background: #a5b4fc; cursor: not-allowed; box-shadow: none; }
.btn:hover:not(:disabled) { background: var(--color-accent-hover); transform: translateY(-2px); box-shadow: 0 6px 18px rgba(23,0,244,0.4); }
.btn:active:not(:disabled) { background: var(--color-accent-active); transform: translateY(1px); box-shadow: 0 1px 4px rgba(23,0,244,0.3); }

.btn-save {
  padding: 0.35rem 0.9rem; background: var(--color-accent); color: #fff;
  border: none; border-radius: 999px; font-size: 1rem; font-family: inherit; cursor: pointer;
  box-shadow: 0 2px 6px rgba(23,0,244,0.2);
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.btn-save:hover { background: var(--color-accent-hover); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(23,0,244,0.35); }
.btn-save:active { background: var(--color-accent-active); transform: translateY(1px); box-shadow: 0 1px 3px rgba(23,0,244,0.25); }

.btn-danger {
  padding: 0.35rem 0.9rem; background: #dc2626; color: #fff;
  border: none; border-radius: 999px; font-size: 1rem; font-family: inherit; cursor: pointer;
  box-shadow: 0 2px 6px rgba(220,38,38,0.25);
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.btn-danger:hover { background: #b91c1c; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(220,38,38,0.4); }
.btn-danger:active { background: #991b1b; transform: translateY(1px); box-shadow: 0 1px 3px rgba(220,38,38,0.3); }

.icon-btn {
  background: none; border: none; cursor: pointer; font-size: 0.85rem;
  padding: 0 0.25rem; opacity: 0.45; transition: opacity 0.15s; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 24px; min-height: 24px;
}
.icon-btn:hover { opacity: 1; }