.btn {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  color: var(--white);
  background: #dc2626;
  box-shadow: 0 10px 22px rgba(220, 38, 38, 0.2);
}

.btn-primary:hover {
  background: #991b1b;
}

.btn-gold {
  color: #ffffff;
  background: #dc2626;
  box-shadow: 0 10px 22px rgba(220, 38, 38, 0.2);
}

.btn-gold:hover {
  background: #991b1b;
}

.btn-secondary {
  color: #374151;
  background: #ffffff;
  border-color: #e5e7eb;
}

.btn-secondary:hover {
  background: #f9fafb;
}

.btn-danger {
  color: var(--white);
  background: #dc2626;
}

.btn-danger:hover {
  background: #991b1b;
}

.btn-success {
  color: #ffffff;
  background: #059669;
}

.btn-success:hover {
  background: #047857;
}

.btn-warning {
  color: #ffffff;
  background: #ca8a04;
}

.btn-warning:hover {
  background: #a16207;
}

.btn-ghost {
  color: var(--slate-600);
  background: transparent;
  border-color: transparent;
}

.btn-icon {
  width: 38px;
  min-width: 38px;
  padding: 0;
}