.post-details-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #00000070;
    z-index: 99;
    cursor: initial;
}

.post-details-modal {
    cursor: initial;
    background-color: #fff;
    font-size: 18px;
    padding: 0px 30px 30px 30px;
    overflow-y: scroll;
    position: fixed;
    width: 500px;
    max-width: 85vw;
    max-height: 85vh;
    z-index: 99;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    -webkit-box-shadow: 0px 0px 24px -6px rgb(0 0 0 / 50%);
            box-shadow: 0px 0px 24px -6px rgb(0 0 0 / 50%);
}

.post-details-modal::-webkit-scrollbar {
  width: 3px;
  background-color: #ddd;
}
.post-details-modal::-webkit-scrollbar-thumb {
    background: #bbb;
}
.post-details-modal .dialog-close-button {
    opacity: 1;
    margin-top: 0;
    top: 0px;
    font-size: 16px;
    color: #fff;
    background-color: var(--e-global-color-text);
    width: 100px;
    border: unset;
    border-radius: 0;
    padding: 5px;
    position: sticky;
}
.dialog-close-button .eicon-close {
    margin-left: 6px;
}

.post-details-modal .dialog-close-button:hover, .post-details-modal .dialog-close-button:focus {
    background-color: var(--e-global-color-11839a1);
    color: var(--e-global-color-text);
    border: unset;
}
article .post-details-modal h3 {
   color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: normal;
    margin-bottom: 6px;
}

.post-details-modal .member-role {
    font-weight: var(--e-global-typography-accent-font-weight);
    margin-bottom: 20px;
}

.post-details-modal .news-content {
    margin-top: 20px;
}