  <style>
      ion-list {
        width: 250px;
      }

      ion-badge {
        --background: purple;
        --color: white;
        --padding-end: 20px;
        --padding-start: 20px;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <ion-list>
            <ion-item>
              <ion-label>Badges styled</ion-label>
              <ion-badge>1</ion-badge>
            </ion-item>
          </ion-list>
        </div>
      </ion-content>