.kartu4 {
    /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%); */
    border-radius: 2px;
    background: #ffffff;
    padding-top: 39px;
}

.p-field4 {
    margin-bottom: 1rem;
}

.p-grid4 {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-top: -9.5rem;
    margin-top: 60px;
    padding-bottom: 338px;
}

.p-col-125 {
    width: 100%;
}

.p-md-64 {
    /* width: 50%; */
    width: 831px;
}

.p-jc-center4 {
    justify-content: center;
}

.p-d-flex4 {
    display: flex !important;
}

.p-col-24 {
    width: 16.6667%;
    padding-left: 146px;
}
.p-mr-24 {
    margin-right: 0.5rem !important;
    /* padding: 6px; */
}

.button {
    border: none;
    color: white;
    background-color: blue;
    /* padding: 15px 32px; */
    text-align: unset;
    /* padding-top: 268px; */
    text-decoration: none;
    /* display: inline-block; */
    padding-top: 135px;
    padding-right: 234px;
    margin-top: 7px;
    font-size: 16px;
    margin-top: 7px;
    /* margin: -289px 2px; */
    margin-top: 66px;
    margin-left: 47px;
    cursor: pointer;
    position: absolute;
}

.button p {
    margin-top: 10px;
}

.p-button.p-button-nib {
    color: #ffffff;
    background: #191970;
    font-size: 47px;
    border: 0 none;
    padding-left: 71px;
    padding-bottom: 28px;
    padding-right: 63px;
    padding-top: 17px;
    margin-left: -80px;
    margin-bottom: -205px;
    position: relative;
}

.p-button.p-button-username {
    color: #ffffff;
    background: #191970;
    font-size: 47px;
    border: 0 none;
    padding-left: 25px;
    padding-bottom: 28px;
    padding-right: 19px;
    padding-top: 19px;
    margin-left: 177px;
    margin-bottom: -206px;
    position: relative;
}

.p-button-label2 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 17px;
}