.tf-form {
    margin: 1.5rem 0;
    padding: 1rem;
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    font: inherit;
}
.tf-form__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0 0 1rem;
}
.tf-form__field {
    display: flex;
    flex-direction: column;
    min-width: 180px;
    flex: 1 1 200px;
}
.tf-form__field label {
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #000;
}
.tf-form__field input[type="text"],
.tf-form__field select {
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    padding: 0.5rem 0.6rem;
    font: inherit;
    line-height: 1.3;
    box-sizing: border-box;
}
.tf-form__actions {
    text-align: left;
}
.tf-form__button {
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    padding: 0.55rem 1.1rem;
    cursor: pointer;
    font: inherit;
}
.tf-form__submit:hover,
.tf-form__submit:focus {
    background: #f5f5f5;
}