[data-validation="can-create-fast-code"] {
    border: 2px solid forestgreen !important;
    transition-duration: 0.2s;
}

[data-validation="already-exists-fast-code"] {
    border: 2px solid red !important;
    transition-duration: 0.2s;
}

.validation-message {
    display: flex;
}

    .validation-message[data-validation="valid"] {
        color: forestgreen;
    }

    .validation-message[data-validation="error"] {
        color: red;
    }