/* =========================================================
   Subscriptions UI — Buttons
   ========================================================= */

.su-page .su-btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none !important;
  user-select: none;
  transition: background-color 120ms ease, border-color 120ms ease,
    color 120ms ease !important;
}

/* Sizes */
.su-page .su-btn--sm {
padding: 8px 26px;
    font-size: 14px;
    line-height: 20px;
}

.su-page .su-btn--md {
    padding: 10px 28px;
    font-size: 14px;
    line-height: 20px;
}

.su-page .su-btn--lg {
  padding: 12px 28px;
  font-size: 16px;
  line-height: 24px;
}

/* Variants */
.su-page .su-btn--primary {
  background: #082b49;
  border-color: #082b49;
  color: #ffffff !important;
}

.su-page .su-btn--primary:hover {
  background: #0d4572;
  border-color: #061f34;
}

.su-page .su-btn--primary:active {
  background: #041524;
  border-color: #041524;
}

.su-page .su-btn--soft {
    background: #fff;
    border-color: #d9d9d9;
    color: #101828 !important;
}

.su-page .su-btn--soft:hover {
  background: #f9fafb;
  border-color: #061f34;
  color: #061f34 !important;
}

.su-page .su-btn--soft:active {
    background: #f2f4f7;
  border-color: #041524;
  color: #041524 !important;
}

.su-page .su-btn--outline {
  background: #ffffff;
  border: 2px solid #082b49;
  color: #082b49 !important;
}

.su-page .su-btn--outline:hover {
  background: #ecf4f9;
  border-color: #6fa6c3;
}

.su-page .su-btn--outline:active {
  background: #c7deea;
  border-color: #a8c9dc;
}

/* Focus state (WCAG-friendly, visible) */
.su-page .su-btn:focus {
  outline: none;
}

.su-page .su-btn:focus-visible {
  outline: 3px solid #316c80;
  outline-offset: 2px;
}

/* Disabled */
.su-page .su-btn:disabled,
.su-page .su-btn[disabled] {
  cursor: not-allowed;
  opacity: 1; /* keep predictable contrast */
}

.su-page .su-btn--primary:disabled {
  background: #d0d5dd;
  border-color: #d0d5dd;
  color: #667085 !important;
}

.su-page .su-btn--soft:disabled {
  background: #f2f4f7;
  border-color: #e4e7ec;
  color: #667085 !important;
}

.su-page .su-btn--outline:disabled {
  background: #ffffff;
  border-color: #d0d5dd;
  color: #98a2b3 !important;
}