.zg-registry-success-modal .modal__content {
    width: 840px;
    padding: 40px 48px;
}
.zg-registry-success-modal .popup__title {
    text-transform: uppercase;
}
.zg-registry-success-modal .popup__inner {
    padding-top: 24px;
}
.zg-registry-success-modal__detail img {
    width: 96px;
    height: 96px;
    background: grey;
}
.zg-registry-success-modal__btn-group {
    gap: 12px;
}
.zg-registry-success-modal__btn-group .close-btn {
    background-color: #000;
    color: #fff;
}
.zg-registry-success-modal__btn-group .view-btn {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}
.zg-registry-success-modal__btn-group .button {
    font-size: 12px;
}
.zg-registry-success-modal__error {
    display: none;
}

.zg-registry-success-modal .modal__content,
.zg-registry-success-modal > details[open]::before {
    z-index: calc(var(--z-index) + 3)!important;
}

@media (min-width: 640px) and (max-width: 959px)  {
    .zg-registry-success-modal .modal__content {
        width: 85%;
    }
}
@media (max-width: 639px)  {
    .zg-registry-success-modal .modal__content {
        width: 100%;
    }
}