.vpn-popup-container {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: calc(100% - 2px);
    transform: translateX(-50%);
    z-index: 9999999999999999;
    display: none;
    justify-content: center;
}

.vpn-popup-container.show {
    display: flex !important;
}

.vpn-popup-form {
    display: flex;
    box-shadow: 0px 5px 20px 0px #0000001f;
    background: var(--black_bg_black);
    justify-content: space-between;
    border-radius: var(--theme-outer-border-radius);
    padding: 21px 40px 20px 26px;
    overflow: hidden;
    max-width: 810px;
    min-width: 250px;
    gap: 20px;
    align-items: center;
}

@media (max-width: 767px) {
    .vpn-popup-container {
        bottom: 12px;
        width: calc(100% - 16px);
    }

    .vpn-popup-form {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        gap: 12px;
        max-width: none;
    }

    .vpn-popup-form .popup-text-info__btn {
        width: 100%;
    }

    .vpn-popup-form .popup-text-info__btn .btn {
        width: 100%;
        text-align: center;
    }
}