/* Keep public page actions aligned with AppButtonStyles in the Flutter app. */
:root {
  --action-height: 52px;
  --action-radius: 14px;
  --action-gap: 12px;
}

.button {
  box-sizing: border-box;
  min-height: var(--action-height);
  padding: 14px 20px;
  border-radius: var(--action-radius);
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.actions,
.hero-actions,
.footer-actions {
  gap: var(--action-gap);
}