.login-app-banner {
    display: none;
}

@media (max-width: 768px) {
    .login-app-banner {
        background: #fff;
        color: #2c2c2d;
        padding: 10px 16px 12px;
        text-align: center;
    }

    .login-app-banner.is-android,
    .login-app-banner.is-ios {
        display: block;
    }

    .login-app-banner__text {
        display: block !important;
        color: #2c2c2d;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 400;
        margin: 0 auto 12px;
        max-width: 360px;
    }

    .banner-button {
        display: inline-block;
        width: auto;
        min-width: 156px;
        max-width: 100%;
        border: 0;
        border-radius: 5px;
        background: #1f2233;
        color: #fff;
        font-size: 24px;
        font-weight: 400;
        line-height: 1.1;
        padding: 8px 18px 10px;
        text-decoration: none;
        box-shadow: none;
    }

    .banner-button:hover,
    .banner-button:focus {
        background: #1f2233;
        color: #fff;
        text-decoration: none;
    }
}

@media (max-width: 420px) {
    .login-app-banner__text {
        font-size: 18px;
    }

    .banner-button {
        font-size: 20px;
        min-width: 156px;
        width: auto;
        max-width: 330px;
    }
}