.jfafe1bda {
    padding: 40px 0
}

@media screen and (max-width: 768px) {
    .jfafe1bda.h9e7dedf7 {
        bottom:0;
        left: 0;
        padding: 0;
        position: fixed;
        width: 100%
    }

    .jfafe1bda.h9e7dedf7 .wef510dc7 {
        width: 100%
    }
}

.wef510dc7 {
    background: #343643;
    border-radius: 8px;
    height: 224px;
    margin: 0 auto;
    padding: 26px;
    width: 686px
}

.f8c329deb {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 26px;
    text-align: center
}

.bde803433 {
    align-items: center;
    border-radius: 34px;
    color: #fff;
    display: flex;
    font-size: 28px;
    height: 68px;
    justify-content: center;
    line-height: 40px;
    width: 300px
}

.bde803433:hover {
    cursor: pointer
}

.bde803433.v03e0f107 {
    width: 100%
}

.bde803433.te4ae5589 {
    background: #25d366
}

.bde803433.wf020b185 {
    background: #1296db
}

.bde803433 svg {
    font-size: 36px;
    margin-right: 10px
}

.j7a8ca42f {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .jfafe1bda {
        padding:5.333333vw 0
    }
}

@media screen and (max-width: 768px) and (max-width:768px) {
    .jfafe1bda.h9e7dedf7 {
        bottom:0;
        left: 0;
        padding: 0;
        position: fixed;
        width: 100%
    }

    .jfafe1bda.h9e7dedf7 .wef510dc7 {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .wef510dc7 {
        background:#343643;
        border-radius: 1.066667vw;
        height: 29.866667vw;
        margin: 0 auto;
        padding: 3.466667vw;
        width: 91.466667vw
    }

    .f8c329deb {
        font-weight: 600;
        margin-bottom: 3.466667vw;
        text-align: center
    }

    .bde803433,.f8c329deb {
        color: #fff;
        font-size: 3.733333vw;
        line-height: 5.333333vw
    }

    .bde803433 {
        align-items: center;
        border-radius: 4.533333vw;
        display: flex;
        height: 9.066667vw;
        justify-content: center;
        width: 40vw
    }

    .bde803433:hover {
        cursor: pointer
    }

    .bde803433.v03e0f107 {
        width: 100%
    }

    .bde803433.te4ae5589 {
        background: #25d366
    }

    .bde803433.wf020b185 {
        background: #1296db
    }

    .bde803433 svg {
        font-size: 4.8vw;
        margin-right: 1.333333vw
    }

    .j7a8ca42f {
        display: flex;
        justify-content: space-between
    }
}