/*EXTERNAL LINK*/
.overlay-modal-external-link {
    background: #000;
    position: fixed;
    z-index: 1040;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
}

.modal-external-link {
    background: #fff;
    padding: 16px 16px 40px 16px;
    width: 480px;
    min-width: 375px;
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1050;
    display: none;
    border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
}

.modal-external-link h2 {
    color: var(--Primary-Pine, #0B645C);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 16px
}

.modal-external-link p {
    color: var(--Support-Olmo, #002421);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.4px;
    margin-bottom: 32px;
}

.modal-external-link .modal-info-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 32px;
}

.modal-external-link .modal-btn-group {
    width: 100%;
    display: flex;
    gap: 16px;
}

.modal-external-link .btn {
    display: flex;
    height: auto;
    padding: 18px 38px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-decoration: none;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}

.modal-external-link .btn:focus,
.modal-external-link .btn:active,
.modal-external-link .btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.modal-external-link .btn.btn-primary-dinn {
    background: var(--Support-Olivo, #E8F4F3);
    color: var(--Primary-Pine, #0B645C);
}

.modal-external-link .btn.btn-secondary-dinn {
    background: var(--Primary-Pine, #0B645C);
    color: var(--Primary-White, #FFF);
}


@media screen and (max-width: 767px) {
    .modal-external-link {
        width: calc(100% - 48px);
        max-width: 480px;
        min-width: unset;
        margin: 0;
        box-sizing: border-box;
    }

    .modal-external-link * {
        box-sizing: border-box;
    }

    .modal-external-link .modal-btn-group {
        flex-direction: column-reverse;
    }
}