.password-toggle-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
}

.form-floating .password-toggle-icon {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

/* Additional styling for non-floating form controls */
.form-control:not(.form-floating .form-control) ~ .password-toggle-icon {
    top: 68%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 10;
}

.password-toggle-icon:hover {
    color: #495057;
}