/* PC/mobile shared button controls. New actions: class="ui-button".
   Secondary action: add ui-button-secondary. Existing btn_* actions are included. */
:root {
  --ui-button-bg: #172d59;
  --ui-button-hover: #23ac38;
  --ui-button-text: #fff;
  --ui-button-height: 44px;
  --ui-button-mobile-height: 52px;
  --ui-button-radius: 999px;
  --ui-button-font-size: 15px;
  --ui-button-mobile-font-size: 18px;
  --ui-button-font-weight: 800;
  --ui-button-padding: 22px;
  --ui-button-secondary-bg: #edf1fb;
  --ui-button-secondary-hover: #dfe6f8;
  --ui-button-secondary-text: #223793;
  --ui-button-focus: #8092de;
  --ui-button-disabled-opacity: .45;
}
/* Specificity/important intentionally bridge legacy page and inline button styling. */
html body :is(.ui-button,.btn_s,.btn_s2,.btn_s3,.btn_s5,.btn_b,.btn_b2,.mobileAuth,.boardList-search-btn,.user-password-submit) {
  display: inline-flex !important; align-items: center; justify-content: center;
  box-sizing: border-box; height: var(--ui-button-height) !important; min-height: var(--ui-button-height) !important;
  padding: 0 var(--ui-button-padding) !important; border: 0 !important; border-radius: var(--ui-button-radius) !important;
  background: var(--ui-button-bg) !important; color: var(--ui-button-text) !important;
  font-family: inherit; font-size: var(--ui-button-font-size) !important; font-weight: var(--ui-button-font-weight) !important;
  line-height: 1.2 !important; text-align: center; text-decoration: none !important; cursor: pointer;
  transition: background-color .2s, box-shadow .2s;
}
html body :is(.ui-button,.btn_s,.btn_s2,.btn_s3,.btn_s5,.btn_b,.btn_b2,.mobileAuth,.boardList-search-btn,.user-password-submit):hover { background: var(--ui-button-hover) !important; }
html body .ui-button-secondary { background: var(--ui-button-secondary-bg) !important; color: var(--ui-button-secondary-text) !important; }
html body .ui-button-secondary:hover { background: var(--ui-button-secondary-hover) !important; }
html body :is(.ui-button,.btn_s,.btn_s2,.btn_s3,.btn_s5,.btn_b,.btn_b2,.mobileAuth,.boardList-search-btn,.user-password-submit):focus-visible { outline: 3px solid var(--ui-button-focus); outline-offset: 3px; }
html body :is(.ui-button,.btn_s,.btn_s2,.btn_s3,.btn_s5,.btn_b,.btn_b2):disabled { opacity: var(--ui-button-disabled-opacity); cursor: not-allowed; }
html body .link_btn { background: var(--ui-button-bg) !important; color: var(--ui-button-text) !important; border-radius: var(--ui-button-radius) !important; }
html body .link_btn:hover { background: var(--ui-button-hover) !important; }
@media (max-width: 700px) {
  :root { --ui-button-height: var(--ui-button-mobile-height); --ui-button-font-size: var(--ui-button-mobile-font-size); }
}