.password-container {
    position: relative; /* Define a referência para o botão absoluto */
    display: inline-block; /* Garante que o contêiner se ajuste ao tamanho do campo de senha */
}

button#toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); /* Centraliza verticalmente o botão */
    z-index: 9;
    width: 28px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

button#toggle-lock {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); /* Centraliza verticalmente o botão */
    z-index: 9;
    width: 28px;
    height: 30px;
    background: transparent; 
    border: none;
    cursor: default;
    padding: 0;
}

button#toggle-lock:focus {
    outline: none;
}

.input-password {
    padding-right: 40px; /* Ajuste o padding para evitar sobreposição com o botão */
    width: 100%; /* Garante que o campo preencha o contêiner */
}

button#toggle-password:focus {
    outline: none;
}

input[type="password"],
input[type="text"] {
    transition: all 0.3s ease-in-out;
}

.custom-input {
    border: none;
    border-bottom: 2px solid #f5f5f5;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background-color: white;
    width: 100%;     
}

.custom-input:focus {
    border-bottom-color: #0073B7;
}