.block__install {
    display: none;
    z-index:999999999999999999999999999999999999 !important;
}
.CloseIcon {
    font-size:x-large;
    color:black;
}
@media (max-width: 768px) {
    .block__install {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
        z-index: 999999999999999 !important;
        background: white;
        padding: 15px;
        box-shadow: inherit;
    }
    .block__install .inner {
        display: flex;
        align-items: center;
    }
    .block__install .inner .close {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    .block__install .inner .close img {
        width: 32px;
        height: 32px;
    }
    .block__install .inner .logo {
        width: 48px;
    }
    .block__install .inner .logo img {
        width: 42px;
        border-radius: 2px;
    }
    .block__install .inner .name {
        padding-right: 10px;
    }
        .block__install .inner .name span {
            display: block;
/*            font-family: IRANSans !important;
*/        }
            .block__install .inner .name span.title {
                font-size: 1.125rem;
                line-height: 1;
                font-weight: bold;
/*                font-family: IRANSans !important;
*/                color: black;
            }
        .block__install .inner .cta {
            margin-right: auto;
/*            font-family: IRANSans !important;
*/            border: 1px solid rgba(0,0,0, 0.4);
            background: rgba(0,0,0, 0.5);
            font-weight: bold;
            color: white;
        }
            .block__install .inner .cta button {
                color: white;
            }
                .block__install .inner .cta button:hover {
                    color: white !important;
                }
                .block__install .inner .cta button:active {
                    color: white !important;
                }
    .block__install.is-active {
        display: block !important;
    }
}