/* First we hide the default CF7 loader */
.wpcf7-spinner::before {
display:none;
}

/* Add a new custom CF7 loader */
.wpcf7-spinner {
width: 24px;
height: 24px;
border-radius: 50%;
display: inline-block;
border-top: 2px solid #262b2e;
border-right: 2px solid transparent;
box-sizing: border-box;
animation: rotation 1s linear infinite;
background-color: inherit;
}
/* Style the new loader element */
.wpcf7-spinner::after {
content: '';
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
border-bottom: 2px solid #C5FCF3;
border-left: 2px solid black;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  background-color: #46b450;
  color: white;
  border-radius: 5px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #f72121;
  background-color: #f72121;
  color: white;
  border-radius: 5px;
}

.wpcf7-not-valid {
  border: 1px solid #dc3232;
}