#localizacao-filter {
    display: flex;
    flex-direction: column; /* Organiza os elementos em uma coluna */
    gap: 20px; /* Espaçamento entre os selects e o botão */
    align-items: center; /* Centraliza o formulário horizontalmente */
    padding: 20px; /* Espaçamento interno */
}

#localizacao-filter .select-group {
    display: flex;
    gap: 10px; /* Espaçamento entre os selects */
}

#localizacao-filter select {
    padding: 8px 12px; /* Espaçamento interno dos selects */
    font-size: 14px; /* Tamanho da fonte */
    border: 1px solid #ccc; /* Borda dos selects */
    border-radius: 5px; /* Cantos arredondados */
    background-color: #fff; /* Cor de fundo dos selects */
    color: #000; /* Cor do texto dos selects */
    width: 200px; /* Largura fixa dos selects */
}

#localizacao-filter button {
    background-color: #660000; /* Cor de fundo do botão */
    color: #fff; /* Cor do texto do botão */
    border: none; /* Remove bordas do botão */
    border-radius: 5px; /* Cantos arredondados */
    padding: 10px 20px; /* Espaçamento interno do botão */
    font-size: 16px; /* Tamanho da fonte do botão */
    font-weight: bold; /* Negrito no texto do botão */
    cursor: pointer; /* Cursor de clique */
    width: 100%; /* O botão ocupa toda a largura possível */
    max-width: 220px; /* Define uma largura máxima para o botão */
}

#localizacao-filter button:hover {
    background-color: #17244e; /* Cor ao passar o mouse */
}

@media (max-width: 767px) {
    #localizacao-filter .select-group {
   flex-direction: column;
}
}