:is(.login-content, .create-container, .irl-content, .register-pass-shell) {
    --auth-button-accent: #fff4e3;
    --auth-button-accent-rgb: 255, 244, 227;
    --auth-button-hover-rgb: 55, 108, 255;
}

.create-container .auth-payment-submit {
    --auth-button-accent: #37da91;
    --auth-button-accent-rgb: 7, 189, 113;
    --auth-button-hover-rgb: 7, 189, 113;
}

.create-container .auth-payment-reset {
    --auth-button-accent: #ff8da5;
    --auth-button-accent-rgb: 189, 7, 52;
    --auth-button-hover-rgb: 189, 7, 52;
}

:is(
    :is(.login-content, .create-container, .irl-content)
        :is(button, input[type="submit"], a.clean, a.cleano, a.auth-payment-reset),
    .register-pass-shell .register-pass-actions :is(button, a)
) {
    background: linear-gradient(90deg, rgba(var(--auth-button-accent-rgb), 0.18), rgba(0, 0, 0, 0.85)) !important;
    color: var(--auth-button-accent) !important;
    border: 1px solid var(--auth-button-accent) !important;
    border-left: 3px solid var(--auth-button-accent) !important;
    border-radius: 4px !important;
    letter-spacing: 0.06em;
    text-shadow: 0 0 8px rgba(var(--auth-button-accent-rgb), 0.5);
    box-shadow: 0 0 16px rgba(var(--auth-button-accent-rgb), 0.2);
    transition: box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

:is(
    :is(.login-content, .create-container, .irl-content)
        :is(button, input[type="submit"], a.clean, a.cleano, a.auth-payment-reset),
    .register-pass-shell .register-pass-actions :is(button, a)
):not(:disabled):hover {
    background: linear-gradient(90deg, rgba(var(--auth-button-hover-rgb), 0.35), rgba(0, 0, 0, 0.85)) !important;
    color: var(--auth-button-accent) !important;
    box-shadow: 0 0 28px rgba(var(--auth-button-accent-rgb), 0.45), 0 0 12px rgba(var(--auth-button-hover-rgb), 0.3);
    transform: translateY(-1px) !important;
}

:is(
    :is(.login-content, .create-container, .irl-content)
        :is(button, input[type="submit"], a.clean, a.cleano, a.auth-payment-reset),
    .register-pass-shell .register-pass-actions :is(button, a)
):focus-visible {
    outline: 2px solid var(--auth-button-accent);
    outline-offset: 3px;
}

:is(.login-content, .create-container, .irl-content, .register-pass-shell)
    :is(button, input[type="submit"]):disabled {
    opacity: 0.55;
    filter: grayscale(0.45);
    box-shadow: none;
    cursor: not-allowed;
    transform: none !important;
}

@media (max-width: 1200px) {
    .create-container #submit[type="submit"] {
        width: min(100%, 20rem) !important;
        box-sizing: border-box;
    }
}