Tenho o seguinte codigo para montar um select
input[type=text], input[type=datetime-local], input[type=number], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
}
<label for="modelo">Modelo</label>
<select id="modelo" class="modelo" name="modelo">
<option value="g">ganho</option>
<option value="d">desconto</option>
</select>
Estou tentando mover a posição da "seta" para o lado esquerdo através das propriedades padding ou margin mais não surte efeito, não gostaria de remover ela e ter que personalizar uma nova, quero manter essa padrão do navegador, mais como conseguir mover ela para os lados?