/* Clone of the 'Open confirmation' button in the MyStationHub component lab.
   Only the two explicitly marked FAQ support form actions use this style.
   Preserve each button's existing width and form/JS behavior. */
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-sizing:border-box;
  min-height:41px;
  padding:11px 17px;
  border:1px solid #0caef0;
  border-radius:11px;
  background:#0caef0 !important;
  color:#fff !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size:12px !important;
  font-weight:750 !important;
  letter-spacing:0;
  text-align:center;
  cursor:pointer;
  transform:none;
  transform-origin:center center;
  box-shadow:none;
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease,letter-spacing .3s ease,color .3s ease;
}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn[type="submit"] {min-width:169px}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn.msh-faq-cancel {min-width:102px}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn:not(:disabled):is(:hover,:focus-visible) {
  background:#2bc1f4 !important;
  color:#fff !important;
  transform:scaleX(1.015);
  letter-spacing:.5px;
  box-shadow:0 5px 11px rgba(8,87,248,.095);
}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn:not(:disabled):active {
  transform:scale(.98);
}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn:focus-visible {
  outline:3px solid #71c5ed;
  outline-offset:3px;
}
#faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn:disabled {
  opacity:.65;
  cursor:wait;
}
@media(prefers-reduced-motion:reduce) {
  #faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn {
    transition:none !important;
  }
  #faqContactForm .msh-faq-form-actions .msh-open-confirmation-btn:is(:hover,:focus-visible,:active) {
    transform:none !important;
  }
}
