/* The newsletter subscription button is the shared account button style. */
:is(.thema21-account-page .thema21-account-button,
    .t21-support-account .t21-resume-payment,
    #auth-modal button[type="submit"], #auth-modal input[type="submit"],
    body.login #login .button-primary) {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:56px!important;
  height:auto!important;
  max-width:100%;
  padding:18px 34px!important;
  background-color:var(--c-main,#c8a96a)!important;
  background-image:none!important;
  border:0!important;
  border-radius:3px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  cursor:pointer;
}
:is(.thema21-account-page .thema21-account-button,
    .t21-support-account .t21-resume-payment,
    #auth-modal button[type="submit"], #auth-modal input[type="submit"],
    body.login #login .button-primary):is(:hover,:focus,:active) {
  background-color:var(--t21-account-hover-bg,#151515)!important;
  color:var(--t21-account-hover-text,#fff)!important;
  box-shadow:none!important;
}
:is(.thema21-account-page .thema21-account-button,
    .t21-support-account .t21-resume-payment,
    #auth-modal button[type="submit"], #auth-modal input[type="submit"],
    body.login #login .button-primary):focus-visible {
  outline:2px solid var(--c-main,#c8a96a)!important;
  outline-offset:3px;
}
:is(.thema21-account-page .thema21-account-button,
    #auth-modal button[type="submit"], #auth-modal input[type="submit"],
    body.login #login .button-primary):disabled {
  opacity:.55!important;
  cursor:not-allowed;
}

:is(.s-dark, [data-scheme="dark"], [data-theme="dark"], [data-bs-theme="dark"],
    .t21-support-account[data-t21-theme="dark"]) {
  --t21-account-hover-bg:#f0f0f0;
  --t21-account-hover-text:#151515;
}
@media (prefers-color-scheme:dark) {
  body.login {
    --t21-account-hover-bg:#f0f0f0;
    --t21-account-hover-text:#151515;
  }
}