Frage bezüglich der Runden Ränge

<span class="abzeichen rangTitel">
    Name des Ranges
</span>

<style>
    .abzeichen {
        background-color: white;
        border-radius: 11px; /* "Runder" Rang */
        color: #1e1e1e;
    }
    
    .rangTitel {
        background-color: red;
        color: #fff;
    }
</style>