.oc-modal,
.oc-e-dialog {
    &.e-dialog .e-dlg-header-content,
    &.e-dialog .e-dlg-content,
    &.e-dialog .e-dlg-footer-content,
    &.e-dialog .e-footer-content{
        background-color: transparent;
        padding: 0;

        .e-btn.e-flat {
            background-color: transparent;
        }

        .e-dlg-header {
            width: 100%;
        }
    }

    &.e-dialog .e-dlg-header-content {
        position: relative;
    }

    &.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
        position: absolute;
        background-color: transparent;
        top: -1rem;
        right: -1rem;
        float: none;
        left: auto;
    }

    .e-dlg-overlay {
        background-color: #00000030;
        backdrop-filter: blur(1px);
    }

    &.e-dialog.swell-content {
        .e-dlg-header-content {
            margin-bottom: 0.5rem;
        }

        .e-dlg-content {
            --content-swell-size: 0.5rem;
            padding: var(--content-swell-size);
            margin: calc(-1 * var(--content-swell-size));
        }
    }
}

.oc-e-dialog {
    &.e-dialog {
        .e-dlg-content {
            min-height: 3.5rem;
        }

        .e-footer-content {
            background-color: transparent;
            padding-top: 1rem;
            display: flex;
            flex-direction: row-reverse;

            button:not(.e-primary) {
                --main-color: var(--clr-1p, #005b5e);
                color: var(--main-color) !important;
                background-color: transparent !important;
            }

            button {
                --main-color: var(--clr-1s, #00A894);
                border-color: var(--main-color) !important;
                background-color: var(--main-color) !important;
                padding: 0.25rem 1rem;
                border-radius: 1000vmax;
                position: relative;
                white-space: nowrap;
                transition: all 125ms ease-in;
                transition-property: color, background-color, border-color;
                cursor: pointer;
                font-size: 0.875rem; /* 14px */
                letter-spacing: 0.05em;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1.5;
                font-style: normal;

                &:not(.e-primary):hover {
                    color: var(--clr-wht, #fafeff) !important;
                    background-color: var(--main-color) !important;
                }

                &:focus,
                &:focus-visible {
                    outline-offset: 2px;
                    outline: 2px solid var(--clr-1s, #00A894);
                }

            not(: last-child) {
                margin-inline-start: 1rem;
            }
            }

            button.e-primary:hover {
                opacity: 80%;
            }
        }

        &.reversed .e-footer-content {
            flex-direction: row;
            justify-content: end;
        }

        .e-btn.e-flat {
            background-color: transparent;
        }
    }
}

.e-dialog .e-icon-dlg-close::before {
    content: var(--svg-close-icon-green) !important;
}

.e-dialog .e-btn:hover .e-icon-dlg-close::before {
    opacity: 75%;
}