.wc1 {
    width: 110px; 
    border-width: 1px;
    border-style: none;
}

.wc1 .wptb-text-container {
    color: rgb(122, 122, 122);
}

.wc1 p {
    text-align: left;
}

.wc1 .wptb-text-container > div {
    position: relative;
}

.wc2 {
    border-width: 1px; 
    border-style: none;
}

.wc2 .wptb-text-container {
    color: rgb(122, 122, 122);
}

.wc2 .wptb-text-container > div {
    text-align: left;
    position: relative;
}

.wc3 {
    width: 170px;
    border-width: 1px; 
    border-style: none; 
}

.wc3 a {
    width: 100%;
}

.wc3 .wptb-button {
    border-radius: 0px;
    background-color: rgb(122, 122, 122); 
    transform: scale(1); 
    position: relative; 
}

.wc3 img {
    width: 100%;
    max-width: 20px;
}

.wc3 p {
    font-size: 15px;
}

@media screen and (max-width: 640px) {
    .wptb-preview-table{
        min-width: initial!important;
        position: relative;
        width: 100%!important;
    }
    #ResultDiv{
        width: 100%;
        position: relative;
    }
    .wptb-row:first-child{
        display: none;
    }
    .wptb-row {
        padding: 20px;
        position: relative;
        display: flex;
        flex-direction: column;
    }   

    .wptb-size-m .wptb-button p{
        font-size: 16px;
    }


    .wptb-cell{
        width: 100%;
        position: relative;
    }

    .wc3 .wptb-button{
        width: 100%;
    }

    .wptb-table-container table td{
        padding: 0;
        box-sizing: border-box;
    }

    .wc3 img {
        width: 100%;
        max-width: 12px;
    }
}