/**
 * Simple CF7 Button Spinner Styles
 */

/* Button with loading state */
.wpcf7-submit.is-loading,
.wpcf7-submit.is-accessing {
    position: relative;
    padding-right: 50px !important;
}

/* Three dots animation */
.wpcf7-submit.is-loading::after,
.wpcf7-submit.is-accessing::after {
    content: '...';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    letter-spacing: 3px;
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0%, 20% {
        content: '.';
    }
    40% {
        content: '..';
    }
    60%, 100% {
        content: '...';
    }
}

/* Hide default CF7 spinner */
.wpcf7 .wpcf7-spinner {
    display: none !important;
}