The badge, float, and line launchers have their own default styles.

Basic styling options — like colors — can be changed from the widget settings page.

If you need more customization (such as changing launcher position or size), you can pass an object with CSS definitions in the widget config options.

The style object gets merged into the element's style property, so you can use any valid CSS property.

announcekit.push({  // Standard config  widget: "https://announcekit.co/widgets/v2/31nbbO",  selector: ".announcekit-widget",  // Style config for badge launcher:  badge: {    style: {      padding: "10px",      borderRadius: "0",      fontSize: "20px"    }  },  // Style config for float launcher:  float: {    style: {      padding: "10px",      position: "absolute",      left: "10px",      bottom: "10px"    }  }})

See also: Widget Setup & API · Multiple Language Widget Setup · User Tracking & Segmentation