/* Animated Button Color Fix */

@keyframes waplyButtonPulse {

    0% {

        box-shadow: 0 0 0 0 var(--waply-btn-bg-color, inherit);

        background-color: var(--waply-btn-bg-color, inherit) !important;

    }

    70% {

        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

        background-color: var(--waply-btn-bg-color, inherit) !important;

    }

    100% {

        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

        background-color: var(--waply-btn-bg-color, inherit) !important;

    }

}



/* Force color on animated buttons */

.waply-animated-button,

.waply-animated-fab,

.waply-btn-style-custom.waply-animated,

[class*="waply-btn-style-custom"].waply-animated,

[data-style="custom"].waply-animated {

    background-color: var(--waply-btn-bg-color, inherit) !important;

    transition: none !important;

    animation: waplyButtonPulse 2s infinite !important;

}



/* Force color on animated button elements */

.waply-animated-button *,

.waply-animated-fab *,

.waply-btn-style-custom.waply-animated *,

[class*="waply-btn-style-custom"].waply-animated *,

[data-style="custom"].waply-animated * {

    background-color: var(--waply-btn-bg-color, inherit) !important;

    transition: none !important;

}



/* Override any transform animations that might reset color */

.waply-animated-button,

.waply-animated-fab,

.waply-btn-style-custom.waply-animated,

[class*="waply-btn-style-custom"].waply-animated,

[data-style="custom"].waply-animated {

    transform: none !important;

    -webkit-transform: none !important;

    -moz-transform: none !important;

    -ms-transform: none !important;

    -o-transform: none !important;

}



/* Ensure pseudo-elements inherit color */

.waply-animated-button::before,

.waply-animated-button::after,

.waply-animated-fab::before,

.waply-animated-fab::after,

.waply-btn-style-custom.waply-animated::before,

.waply-btn-style-custom.waply-animated::after,

[class*="waply-btn-style-custom"].waply-animated::before,

[class*="waply-btn-style-custom"].waply-animated::after,

[data-style="custom"].waply-animated::before,

[data-style="custom"].waply-animated::after {

    background-color: var(--waply-btn-bg-color, inherit) !important;

    transition: none !important;

}