.rf-lottie-button {
    position: relative;
}

.rf-lottie-button.rf-lottie-loop {
    overflow: hidden;
}

.rf-lottie-button.rf-lottie-single {
    overflow: visible;
}

.rf-lottie-button .rf-lottie-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.rf-lottie-button .rf-lottie-layer[aria-busy='true'] {
    cursor: wait;
}

.rf-lottie-button .rf-lottie-layer .rf-lottie-player {
    width: 100%;
    height: 100%;
    transform: scale(1.22);
    pointer-events: none;
}

.rf-lottie-button.rf-lottie-single .rf-lottie-layer .rf-lottie-player {
    transform: scale(1.18);
}

.rf-lottie-button.rf-lottie-loop .rf-lottie-layer .rf-lottie-player {
    transform: scale(1.24);
}

.rf-lottie-button {
    color: transparent !important;
    text-shadow: none !important;
}

.rf-lottie-button,
.rf-lottie-button:hover,
.rf-lottie-button:focus,
.rf-lottie-button:active {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.rf-lottie-button .rf-lottie-source {
    visibility: hidden !important;
    opacity: 0 !important;
}

.rf-lottie-button > :not(.rf-lottie-layer) {
    visibility: hidden !important;
    opacity: 0 !important;
}

.rf-lottie-button::before,
.rf-lottie-button::after {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .rf-lottie-button {
        color: inherit !important;
        text-shadow: inherit !important;
    }

    .rf-lottie-button .rf-lottie-source {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .rf-lottie-button > :not(.rf-lottie-layer) {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .rf-lottie-button .rf-lottie-layer {
        display: none !important;
    }
}