.btn,
form [type="submit"] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #2383e2;
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 0.4rem 0.75rem;
  font-size: 0.83rem;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.12s ease, box-shadow 0.12s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.btn:hover,
form [type="submit"]:hover {
  background: #1a6fc9;
  text-decoration: none;
  color: #fff;
}

.btn.secondary,
form [type="submit"].secondary {
  background: #ffffff;
  color: #37352f;
  border: 1px solid #e9e8e3;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.btn.secondary:hover,
form [type="submit"].secondary:hover {
  background: #f7f6f3;
  color: #37352f;
}

.btn-sm {
  padding: 0.25rem 0.55rem;
  font-size: 0.78rem;
  border-radius: 5px;
}

.btn-danger {
  background: #e03e3e;
}

.btn-danger:hover {
  background: #c53030;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e9e8e3;
  border-radius: 5px;
  padding: 0.25rem 0.4rem;
  color: #9b9a97;
  font-size: 0.8rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}

.btn-icon:hover {
  background: #f7f6f3;
  color: #37352f;
  border-color: #d3d1cb;
}

.btn-icon.danger:hover {
  background: #fef1f1;
  color: #e03e3e;
  border-color: #fca5a5;
}

.btn-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: transparent;
  border: 0;
  padding: 0.2rem 0;
  color: #9b9a97;
  font-size: 0.83rem;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.1s ease;
}

.btn-back:hover {
  color: #37352f;
}