<!-- ====== PAGE-LEVEL STYLES (safe in body) ====== -->
<style>


  /* ===========================
     Buttons – ReFrame Orange
     =========================== */
  /* Submit + generic action buttons in the form */
  #cv_genform button,
  #cv_genform input[type="submit"],
  #cv_genform input[type="button"],
  #cv_genform .btn,
  #cv_genform a.button,
  #cv_genform a[role="button"],
  #cv_genform .cvf-button,
  #cv_genform .cv-button,
  .actWizardSwitchStep input[type="button"],
  .actWizardSwitchStep button,
  .actWizardSwitchStep .btn {
    background: #ffa200 !important;
    border: 2px solid #ffa200 !important;
    color: #003a5c !important;          /* accessible text on orange */
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 18px;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer;
  }

  /* Hover / active */
  #cv_genform button:hover,
  #cv_genform input[type="submit"]:hover,
  #cv_genform input[type="button"]:hover,
  #cv_genform .btn:hover,
  #cv_genform a.button:hover,
  #cv_genform a[role="button"]:hover,
  #cv_genform .cvf-button:hover,
  #cv_genform .cv-button:hover,
  .actWizardSwitchStep input[type="button"]:hover,
  .actWizardSwitchStep button:hover,
  .actWizardSwitchStep .btn:hover,
  #cv_genform button:active,
  #cv_genform input[type="submit"]:active,
  #cv_genform input[type="button"]:active,
  #cv_genform .btn:active,
  #cv_genform a.button:active,
  #cv_genform a[role="button"]:active,
  #cv_genform .cvf-button:active,
  #cv_genform .cv-button:active,
  .actWizardSwitchStep input[type="button"]:active,
  .actWizardSwitchStep button:active,
  .actWizardSwitchStep .btn:active {
    background: #e08f00 !important;     /* slightly darker on hover/active */
    border-color: #e08f00 !important;
  }

  /* Keyboard focus outline */
  #cv_genform button:focus,
  #cv_genform input[type="submit"]:focus,
  #cv_genform input[type="button"]:focus,
  #cv_genform .btn:focus,
  #cv_genform a.button:focus,
  #cv_genform a[role="button"]:focus,
  #cv_genform .cvf-button:focus,
  #cv_genform .cv-button:focus,
  .actWizardSwitchStep input[type="button"]:focus,
  .actWizardSwitchStep button:focus,
  .actWizardSwitchStep .btn:focus {
    outline: 2px solid #003a5c !important;
    outline-offset: 2px;
  }

  /* Disabled state */
  #cv_genform :is(button, input[type="submit"], input[type="button"], .btn, .cvf-button, .cv-button):disabled {
    background: #ffd07a !important;
    border-color: #ffd07a !important;
    color: #003a5c !important;
    opacity: 0.65;
    cursor: not-allowed;
  }

  /* ===========================
     Donation Amount Toggles
     =========================== */
  /* Default appearance of amount toggle buttons */
  #cv_genform .btn-group label.btn-primary {
    background: transparent !important;
    border: 2px solid #ffa200 !important;
    color: #003a5c !important;
    border-radius: 8px;
    font-weight: 600;
    padding: 10px 14px;
  }

  /* Hover (not yet selected) */
  #cv_genform .btn-group label.btn-primary:hover {
    background: #fff2d6 !important;     /* soft tint of orange */
    border-color: #ffa200 !important;
    color: #003a5c !important;
  }

  /* Selected/active amount */
  #cv_genform .btn-group label.active,
  #cv_genform .btn-group input:checked + label.btn-primary {
    background: #ffa200 !important;
    border-color: #ffa200 !important;
    color: #003a5c !important;
    box-shadow: 0 0 0 2px #ffa200 inset !important;
  }
</style>