.filter {
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.filter-title {
    color: #2d9770;
    margin-bottom: 15px;
}

.filter-form__buttons {
    margin-top: 15px;
    display: flex;
    justify-content: end;
}

.filter-form__buttons button[submit] {
    background-color: #2d9770;
}

.filter-form__buttons .btn-clear {
    background-color: #707070;
}

input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #e8f5e9 inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000;
}

input[type="text"]:focus {
    outline: 4px solid #c5dea2;
    outline-offset: 0;
    border-color: #9fcc54;
}