.filter {
    padding: 0;
    box-sizing: border-box;
    width: var(--form-width);
}

/*********************
    Form title.
*********************/

.filter p {
    margin: 0;
    font-size: 8ch;
    margin-bottom: .5em;
    padding-bottom: .2em;
    border-bottom: 3px solid var(--main-color);
}

/*********************
    Form basics.
*********************/

.filter input, .filter select, .filter textarea {
    padding: 1em;
    display: block;
    margin-bottom: .5em;
    width: calc(100% / 4);
    box-sizing: border-box;
}

/*********************
    Form buttons.
*********************/

.filter button {
    width: 80px;
    padding: 1em;
    color: white;
    display: block;
    margin-top: 1em;
    border-radius: 10px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    transition: background-color .2s, border .2s;
}
.filter button:hover {
    background-color: var(--hover-color);
    border: 1px solid var(--hover-color);
}