.wp-check-contacts {
    margin: 20px 0;
    clear: both;
}

.wp-check-contacts__form.loading {
    position: relative;
    opacity: 0.9;
}

.wp-check-contacts__form.loading:after {
    content: "";
    border-radius: 50%;
    width: 3em;
    height: 3em;
    font-size: 10px;
    position: absolute;
    border-top: 0.8em solid rgb(0 159 255);
    border-right: 0.8em solid rgb(0 159 255);
    border-bottom: 0.8em solid rgba(255, 255, 255, 0.2);
    border-left: 0.8em solid #ffffff;
    transform: translateZ(0);
    animation: wp-stories-loading 1.1s infinite linear;
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -23px;
    z-index: 2;
}

.wp-check-contacts__form-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wp-check-contacts__field {
    width: 100%;
}

.wp-check-contacts__message {
    margin-top: 10px;
}

.wp-check-contacts__message.success {
    color: #006600;
}

.wp-check-contacts__message.error {
    color: #FF0000;
}

/*** Responsive ***/

@media (min-width: 576px) {

    .wp-check-contacts__form-fields {
        flex-direction: row;
    }
}