CloudSponge Widget Stylesheet - Example of custom styles

export-button.css

/* 
  The cloudsponge-export-button is the main CTA for the contacts selection screen.
  By default, it is labele with "Get x Contacts"
  The defaults styles are shown here. you can change any of these values and save this file to a public location before referencing it with the `css` option.
  These styles will override the default ones.
*/

/* The widget header displays the title for each screen */
#cloudsponge-address-book .cloudsponge-topbar {
  background-color: #a94442;
}

/* Change the colors of the .cloudsponge-export-button */
#cloudsponge-address-book .cloudsponge-button.cloudsponge-export-button {
  background-color: #4caf50;
  color: #FFFFFF;
}

#cloudsponge-address-book .cloudsponge-button.cloudsponge-export-button:hover {
  background-color: #389b3c;
}

/*
If you want to style other properties or elements, let use know.
*/