/* .external-popup-overlay {
    display   : none;
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index   : 9999;
}

.external-popup-container {
    background   : #fff;
    width        : 40vw;
    margin       : 40vh auto;
    border-radius: 12px;
    text-align   : center;
}

.external-popup-content {
    padding: 36px 20px 5px 36px;
}

.external-popup-content h2 {
    color                  : var(--purpleColor);
    margin-bottom          : 10px;
    font-size              : 25px;
    border-top-left-radius : 12px;
    border-top-right-radius: 12px;
}

.external-popup-content p {
    font-size: 18px;
    color    : var(--purpleColor);
}

.external-popup-buttons {
    padding                   : 20px;
    background                : var(--purpleColor);
    display                   : flex;
    justify-content           : space-evenly;
    border-bottom-left-radius : 12px;
    border-bottom-right-radius: 12px;
}

.external-popup-buttons .button {
    padding        : 10px 25px;
    border-radius  : 25px;
    cursor         : pointer;
    display        : flex;
    width          : 10vw;
    justify-content: center;
}

.external-popup-buttons .button p {
    margin     : 0;
    font-size  : 16px;
    font-weight: bold;
}

.external-popup-buttons .button.btn-continue {
    background: var(--purpleColor);
    border    : 2px solid var(--whiteColor);
    color     : var(--whiteColor);
}

.external-popup-buttons .button.btn-cancel {
    font-weight: bold;
    background : var(--whiteColor);
    border     : 2px solid var(--whiteColor);
    color      : var(--purpleColor);
} */