.wcdf-wrap{
    max-width:820px
}

.wcdf-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}

.wcdf-form label{
    display:block;
    font-weight:600
}

.wcdf-form input,.wcdf-form select,.wcdf-form textarea,.wcdf-form input[type=email]{
    /* width:100%;
    box-sizing:border-box 
    -webkit-appearance: none;*/
    background-color: #eee;
    max-width: 100%;
    width: 50%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
    line-height: 1.7em;
    border-style: solid;
}

.wcdf-form button{
    border-width: 1px;
    border-radius: 0px;
    color: #26afa2;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background: rgba(0, 0, 0, 0);
    position: relative;
    border: 2px solid;
    transition: all .2s
}

.wcdf-form button:hover{
    border-radius: 0px;
    color: #26afa2;
    border-width: 0px;
    background-color: #F2F2F2;
}


.wcdf-confirm{
    margin:1rem 0;
    padding:1rem;
    border:0px solid #bbb
}

.wcdf-confirm legend{
    font-size: 15px;
    font-weight: bold;
}

.wcdf-confirm input{
    width:auto
}

.wcdf-note,.wcdf-form small{
    display:block;
    font-size:.9em
}

.wcdf-hp{
    position:absolute!important;
    left:-9999px!important
}

.wcdf-fixed-link{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:9999;
    background:#111;
    color:#fff!important;
    padding:12px 16px;
    border-radius:4px;
    text-decoration:none;
    box-shadow:0 2px 10px rgba(0,0,0,.25)
}

@media(max-width:650px){
    .wcdf-grid{
        grid-template-columns:1fr
    }

    .wcdf-fixed-link{
        right:10px;
        bottom:10px
    }
}