.wpcf7-spinner {
                visibility: hidden;
                display: inline-block;
                background-color: #23282d; /* Dark Gray 800 */
                opacity: 0.75;
                width: 24px;
                height: 24px;
                border: none;
                border-radius: 100%;
                padding: 0;
                margin: 0 24px;
                position: relative;
            }

            .wpcf7-spinner::before {
                content: '';
                position: absolute;
                background-color: #fbfbfc; /* Light Gray 100 */
                top: 4px;
                left: 4px;
                width: 6px;
                height: 6px;
                border: none;
                border-radius: 100%;
                transform-origin: 8px 8px;
                animation-name: spin;
                animation-duration: 1000ms;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
            }

            @media (prefers-reduced-motion: reduce) {
                .wpcf7-spinner::before {
                    animation-name: blink;
                    animation-duration: 2000ms;
                }
            }

            @keyframes spin {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }

            @keyframes blink {
                from {
                    opacity: 0;
                }

                50% {
                    opacity: 1;
                }

                to {
                    opacity: 0;
                }
            }