<ion-button>Default styling</ion-button>

<ion-button class="pink-dotted">customized styling</ion-button>
ion-button.pink-dotted::part(button) {
  color: black;
  border: dashed 2px black;
  background-color: #fec0ff;
}

ion-button.pink-dotted::part(button):hover {
  background-color: #fd8fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.