Você pode utilizar da propriedade 'margin' nos itens que você quer separar, ou, utilizar de flexbox e a propriedade 'gap' para fazer essa separação, veja um exemplo abaixo, onde eu utilizo dessa técnica para separar elementos 'li' que estão dentro de um elemento 'ul'. Lembrando, essa propriedade gap só irá funcionar caso você defina a propriedade 'display' com o valor 'flex'.
ul {
list-style-type: none;
padding: 0;
display: flex;
gap: 10px; /* Define uma distância de 10px entre os itens que se encontram dentro do elemento 'ul' */
}
li {
// propriedades dos seus itens
}
