.validate {
    position: relative
}

.validate::after {
    position: absolute;
    top:50%;
    transform: translate(0, -50%);
    right: 8px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.validate:has(:valid)::after {
    content: "\f00c";
    color: var(--bs-success);
}

.validate:has(:invalid)::after {
    content: "\f06a";
    color: var(--bs-danger);
}

.validate.checking::after {
    content: "\f110";
    color: var(--bs-warning);
}