.webform-flexbox{
    column-gap:30px;
}
.block-webform input:not(.webform-button--submit,.block-webform .btn-primary),
.block-webform  textarea{
    width: auto;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: var(--bg-weak);
    font-size: 0.8rem;
    color: var(--text);
    outline: none;
}
.block-webform .form-textarea{
    width: 100%;
}
.block-webform input[type="text"]{
    width: calc(100% - 28px);
    max-width: 820px;
    display: block;
}
.block-webform label{
    font-size: 0.8rem;
    color: var(--muted);
}
.two-thirds.block-webform .webform-flexbox > div input{
    max-width: 300px;
    width: calc(100% - 28px);
}
.three-quarters.block-webform .webform-flexbox > div input{
    max-width: 370px;
    width: calc(100% - 28px);
    display: block;
}
.webform-button--submit,
.block-webform .btn-primary{
    border: var(--border);
    border-radius: 5px;
    padding: 0.5em 0.75em;
    transition: var(--trans-all);
    box-shadow: var(--shadow); 
    background-color: var(--main);
    color: var(--pagebg);
    border-color: var(--main);  
    cursor: pointer;
}
.webform-button--submit:hover,
.block-webform .btn-primary:hover{
    background-color: var(--dark);
    border-color: var(--dark);      
}
.block-webform .button.cancel{
    font-size: 0.8rem;
    color: var(--muted);
}
.newsletter label{
    display: block;
    margin-top: 0.5em;
}
.newsletter.block-webform input[type="email"],
.newsletter.block-webform input[type="text"]{
    width: 95%;
    max-width: 400px;
}
.newsletter .indicates-required{
    font-size: 0.8rem;
    margin-bottom: 1em;
}
.newsletter .custom-control.custom-checkbox {
    display: flex;
    gap: 0.5em;
    margin-top: 1em;
} 
@media (max-width:768px){
    .three-quarters.block-webform .webform-flexbox > div input{
        max-width: inherit;
    }
}