Mobile: Aumentar a caixa do select

Estou fazendo a versão mobile da página de contato e tive um problema na hora de ajustar o tamanho da caixa de seleção (caixa do período manhã, tarde, noite), não estou conseguindo selecionar a caixa para aumentar, estou aumentando o tamanho do texto mas gostaria de aumentar o tamanho da caixa. Tem como mudar o estilo da caixa de seleção pelo CSS?

                <fieldset>
                    <legend>Qual horário prefere ser atendido?</legend>
                    <div class="select">
                    <select>
                        <option>Manhã</option>
                        <option>Tarde</option>
                        <option>Noite</option>
                    </select>
                    </div>
                </fieldset>

@media screen and (max-width: 480px){
    .caixa, .principal, .conteudo-beneficios, .mapa-conteudo, .video,.produtos{
        width: auto;
    }

    h1{
        text-align: center;
    }

    nav {
        position: static;
        text-align: center;
    }

    nav li {
        display: grid;
        margin:2em
    }

    .lista-beneficios, .imagem-beneficios {
        width: 100%;
    }

    /*página de produtos*/
    .produto-descricao,.produto-preco {
        text-align: center;

    }
    .produtos li{
        width: 100%;
        height: 400px;
        margin:20px 0;
    }

    .img-produto {
        width: 100%;
    }

    /*página de contato*/
    .enviar, table {
        width: 100%;
    }

    .input-padrao{
        margin: 10px 10px;
        width: 80%;
    }

    fieldset{
        font-size:20px;
        margin: 1em 1em 0 0;

    }
    table, select, #radio-email, #radio-whatsapp, #radio-telefone, {
        text-align: center;
        font-size: 20px;
        margin: .5em;
    }

    .select{
        text-align: center;
    }
}