/**
 * RentArest shared button shine.
 * Adds only the moving highlight layer; component colors, sizes and shadows remain local.
 */

:where(
    .submit-btn,
    .custom-blog-submit-button,
    .uwp_page .uwp-account-form button[type="submit"],
    .uwp_page .uwp-account-form .ra-uwp-submit-proxy,
    body .uwp-profile-image-change-modal .uwp_upload_button,
    body #uwp-popup-modal-wrap .uwp_upload_button,
    body .uwp-profile-image-change-modal .ra-uwp-upload-proxy,
    body #uwp-popup-modal-wrap .ra-uwp-upload-proxy,
    .ra-footer__button,
    .ra2fa-button
) {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

:where(
    .submit-btn,
    .custom-blog-submit-button,
    .uwp_page .uwp-account-form button[type="submit"],
    .uwp_page .uwp-account-form .ra-uwp-submit-proxy,
    body .uwp-profile-image-change-modal .uwp_upload_button,
    body #uwp-popup-modal-wrap .uwp_upload_button,
    body .uwp-profile-image-change-modal .ra-uwp-upload-proxy,
    body #uwp-popup-modal-wrap .ra-uwp-upload-proxy,
    .ra-footer__button,
    .ra2fa-button
)::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28) 44%, transparent 82%);
    transform: translateX(-130%);
    transition: transform 0.48s ease;
}

:where(
    .submit-btn,
    .custom-blog-submit-button,
    .uwp_page .uwp-account-form button[type="submit"],
    .uwp_page .uwp-account-form .ra-uwp-submit-proxy,
    body .uwp-profile-image-change-modal .uwp_upload_button,
    body #uwp-popup-modal-wrap .uwp_upload_button,
    body .uwp-profile-image-change-modal .ra-uwp-upload-proxy,
    body #uwp-popup-modal-wrap .ra-uwp-upload-proxy,
    .ra-footer__button,
    .ra2fa-button
):is(:hover, :focus-visible)::after {
    transform: translateX(130%);
}

:where(
    .submit-btn,
    .custom-blog-submit-button,
    .uwp_page .uwp-account-form button[type="submit"],
    .uwp_page .uwp-account-form .ra-uwp-submit-proxy,
    body .uwp-profile-image-change-modal .uwp_upload_button,
    body #uwp-popup-modal-wrap .uwp_upload_button,
    body .uwp-profile-image-change-modal .ra-uwp-upload-proxy,
    body #uwp-popup-modal-wrap .ra-uwp-upload-proxy,
    .ra-footer__button,
    .ra2fa-button
):is(:disabled, [aria-disabled="true"])::after {
    transform: translateX(-130%);
}

@media (prefers-reduced-motion: reduce) {
    :where(
        .submit-btn,
        .custom-blog-submit-button,
        .uwp_page .uwp-account-form button[type="submit"],
        .uwp_page .uwp-account-form .ra-uwp-submit-proxy,
        body .uwp-profile-image-change-modal .uwp_upload_button,
        body #uwp-popup-modal-wrap .uwp_upload_button,
        body .uwp-profile-image-change-modal .ra-uwp-upload-proxy,
        body #uwp-popup-modal-wrap .ra-uwp-upload-proxy,
        .ra-footer__button,
        .ra2fa-button
    )::after {
        display: none;
        transition: none;
    }
}