.rota-error {
    border-color: #ed2024 !important; ;
}

.rota-error-msg {
    color: #ed2024 !important; ;
    font-size: 0.6rem;
    margin-top: 4px;
    font-style: italic;
}

.rota-contact-form label {
    /* font-weight: bold; */
    color: #333;
    display: block;
    margin-top: 0.5rem;
}

.cf-submit[type="submit"] {
    background-color: #ED2024; /* initial background */
    color: #ffffff;            /* initial text color */
    border: 1px solid #ED2024; /* optional, matches background */
    transition: all 0.3s ease;   /* smooth transition */
    border-radius: 50px;
}

.cf-submit[type="submit"]:hover {
    background-color: #28a745; /* background fades to white */
    color: #ffffff;            /* text fades to white */
    border-color: #11441d;     /* keep border red */
}

.cf-submit[type="submit"]:active {
    background-color: #c81a1e; /* darker red for pressed effect */
    color: #ffffff;             /* revert text to white for contrast */
    transform: scale(0.97);     /* slight shrink effect on click */
    transition: all 0.1s ease;  /* faster transition for click feedback */
}