.raovat1-inline-loading-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.raovat1-inline-loading-button::after {
    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-start: -45%;
    width: 45%;
    height: 3px;
    background: linear-gradient(90deg, transparent, currentColor, transparent);
    border-radius: 999px;
    opacity: 0.8;
    pointer-events: none;
    transform: translate3d(0, -50%, 0);
}

.raovat1-inline-loading-button.is-loading,
.raovat1-inline-loading-button[aria-busy="true"] {
    cursor: wait;
}

.raovat1-inline-loading-button.is-loading::after,
.raovat1-inline-loading-button[aria-busy="true"]::after {
    display: block;
    animation: raovat1-inline-loading-button-bar 1050ms ease-in-out infinite alternate;
}

@keyframes raovat1-inline-loading-button-bar {
    from {
        transform: translate3d(0, -50%, 0);
    }

    to {
        transform: translate3d(320%, -50%, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .raovat1-inline-loading-button.is-loading::after,
    .raovat1-inline-loading-button[aria-busy="true"]::after {
        inset-inline: 18%;
        width: auto;
        opacity: 0.72;
        animation: none;
    }
}