form.disabled .input-data input{
    border-color: transparent;
    color: hsla(235, 0%, 20%, 0.65);
}

.input-data.required::after{
    color: transparent;
}

form.disabled, form.disabled .input-data input{
    --highlight-color: hsla(235, 0%, 20%, 0.45);
    cursor:not-allowed;
}

form.disabled .input-submit{
    display: none;
}

form .input-submit{
    justify-content: space-between;
    gap: 1rem;
}

@media screen and (max-width: 750px) {
    form .input-submit{
        flex-direction: column;
    }
}

form .input-submit button{
    width: 100%;
}

form + form.buttons:not(form.disabled + form.buttons){
    display: none;
}

form.buttons{
    flex-direction: row;
}

.btn-green{
    background-color: hsl(100,80%,60%);
    box-shadow: 4px 4px 0px 0px hsl(100, 80%, 80%);
}

.btn-yellow{
    background-color: hsl(50,90%,60%);
    box-shadow: 4px 4px 0px 0px hsl(50, 80%, 80%);
}

.btn-grey{
    background-color: hsl(0,0%,60%);
    box-shadow: 4px 4px 0px 0px hsl(0, 0%, 80%);
}