/* modal login */

.auth-modal-light {
    background: white;
    border-radius: 18px;
    border: none;
}

.auth-btn-light {
    width: 100%;
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 30px;
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.auth-btn-light:hover {
    background: #efefef;
}

.auth-input-light {
    border-radius: 30px;
    padding: 12px 20px;
}

.auth-submit-light {
    border-radius: 30px;
    padding: 12px;
    background: black;
    color: white;
    font-weight: 600;
}

.auth-submit-light:hover {
    background: rgb(36, 36, 36);
    border: black;
}


.divider-light {
    position: relative;
    text-align: center;
    color: #999;
}

.divider-light::before,
.divider-light::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #ddd;
    top: 50%;
}

.divider-light::before {
    left: 0;
}

.divider-light::after {
    right: 0;
}

/* modal logout */
.logout-modal-light {
    background: white;
    border-radius: 18px;
    border: none;
}

.logout-confirm-light {
    background: black;
    color: white;
    border-radius: 30px;
    padding: 12px;
    font-weight: 600;
}

.logout-confirm-light:hover {
    background: #222;
    color: rgb(219, 219, 219)
}

.logout-cancel-light {
    background: #f5f5f5;
    border-radius: 30px;
    padding: 12px;
    border: 1px solid #ddd;
}

.logout-cancel-light:hover {
    background: #ececec;
}