/* .btn utilities copied from @peachstatetechnologies/ui-theme styles/_base.scss (the app-shell html/body overflow rules are omitted: they are for SPA shells, not documents). */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  border: none;
  border-radius: 999px;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 0.85em 1.75em;
  cursor: pointer;
  text-decoration: none;
}

.btn--peach {
  background: linear-gradient(135deg, var(--peach-600), var(--peach-700));
  color: var(--white);
  box-shadow: var(--shadow-md);
}

.btn--peach:hover {
  box-shadow: var(--shadow-lg);
}

.btn--danger {
  background: var(--peach-700);
  color: var(--white);
}

.btn--danger:hover {
  box-shadow: var(--shadow-md);
}