.c-popup {
    display: grid;
    height: 0;
    width: 0;
    overflow: visible;
}

.c-popup__wrapper {
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-top: 0.1rem;
    z-index: 1;
    border-radius: 6px;
    /*box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);*/
    outline: none;
}

.c-popup__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid rgba(34, 34, 34, 0.25);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);
}

.c-popup__header, .c-popup__footer {
    margin: 0;
    padding: 0;
}

    .c-popup__header.header__wrapper, .c-popup__footer.footer__wrapper {
        padding: 0.5rem 1rem;
        background-color: rgba(34, 34, 34, 0.03);
    }

    .c-popup__header.header__wrapper {
        border-bottom: 1px solid rgba(34, 34, 34, 0.125);
    }

    .c-popup__footer.footer__wrapper {
        border-top: 1px solid rgba(34, 34, 34, 0.125);
    }

.c-popup__content.content__wrapper {
    padding: 1rem;
}