/* Product manuals retain their product color instead of the generic blue CTA. */
.training-product-manual.training-theme-windows {
  --manual-button-start: #14b8a6;
  --manual-button-end: #2dd4bf;
}
.training-product-manual.training-theme-hvac {
  --manual-button-start: #3b82f6;
  --manual-button-end: #38bdf8;
}
.training-product-manual.training-theme-roofing {
  --manual-button-start: #475569;
  --manual-button-end: #64748b;
}
body[data-page-key="training"] .training-product-manual .resource-link.primary {
  color: #fff;
  border-color: var(--manual-button-start);
  background: linear-gradient(135deg, var(--manual-button-start), var(--manual-button-end));
  box-shadow: 0 12px 24px rgba(var(--training-accent-rgb), 0.18);
}
body[data-page-key="training"] .training-product-manual .resource-link.primary:hover,
body[data-page-key="training"] .training-product-manual .resource-link.primary:focus-visible {
  background: linear-gradient(135deg, var(--manual-button-end), var(--manual-button-start));
  box-shadow: 0 16px 30px rgba(var(--training-accent-rgb), 0.24);
}

/* Match the Training hero palette, including hover and keyboard focus. */
body[data-page-key="training"] [data-custom-training-form] button.resource-link.primary[type="submit"] {
  color: #fff;
  border-color: #004f58;
  background:
    radial-gradient(circle at 78% 12%, rgba(5, 191, 196, 0.34), transparent 28%),
    radial-gradient(circle at 7% 88%, rgba(5, 191, 196, 0.3), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 32%),
    linear-gradient(180deg, #002233 0%, #004f58 62%, #05bfc4 100%);
}