.popup {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: flex;
    }

    .popup:before {
        display: block;
        content: ' ';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #000;
        opacity: 0.9;
    }

    .popup-content {
        max-width: 400px;
        position: relative;
        z-index: 2;
        margin: auto;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 40px 20px 20px 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .popup-content > div.title {
        margin-bottom: 20px;
        text-align: center;
        font-size: 16px;
        font-weight: 800;
        font-family: "Noto Sans" sans-serif;
    }

    .popup-content > div.title span {
        color: #f84148;
    }

    .popup-content > form div.description {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        font-family: "Noto Sans" sans-serif;
        margin-top: 10px;
    }

    .popup-content .description a {
        color: #ff8562;
        text-decoration: none;
    }

    .popup-content form {
        text-align: center;
    }


.popup-content form input[type="email"] {
        height: 38px;
        width: 240px;
        border: 3px solid red;
        background-color: #eee;
        padding: 5px;
        border-radius: 5px;
    }

.popup-content form input[type="email"]:hover {
        border: 3px solid blue;
    }

.popup-content form input[type="submit"] {
        height: 38px;
        width: 240px;
        border: none;
        background-color: #eee;
        padding: 5px;
        border-radius: 5px;
    }

    .popup-content form .submit {
        margin-top: 20px;
        height: 42px;
        background: #01a045 !important;
        color: #fff;
        border: none;
        border-radius: 6px;
    }

    .popup-content form .submit:hover {
        opacity: 0.7;
    }

    .gate-form__error {
        color: #f84148;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        margin-top: 15px;
    }

    .gate-form__support {
        font-size: 14px;
        text-align: center;
        margin-top: 5px;
    }

    .gate-form__support a {
        color: #ff8562;
    }