.login-box {
    width: 400px;
}

.register-box {
    width: 400px;
}

.custom-btn {
    border: 1px solid black;
    border-color: black;
    color: black;
}

    .custom-btn.active {
        border: 1px solid;
        border-color: #6f42c1 !important;
        color: white;
        background-color: #6f42c1 !important;
    }

    .custom-btn:not(:active):not(.active):hover {
        color: white;
        background-color: rebeccapurple;
        border-color: rebeccapurple;
    }

.btn-see-password{
    transition: .5s all;
}

    .btn-see-password:hover{
        cursor: pointer;
        transform: scale(1.1);
        box-shadow: 0 0 4px 2px rgb(0 0 0 / 45%) !important;
    }