Email widget example (CSS customization)

gistfile1.html

<!-- Customize colors --> 
<style>
.desk-sidetab {
  background-color: #438DC6;
  color: white;
}
.desk-sidetab:hover {
    background-color: #438DC6;
    color: white;
}
.desk-button {
  color: black;
  background-color: #CED7DF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FBFDFF), color-stop(5%, #CED7DF));
  background-image: -moz-linear-gradient(90deg, #CED7DF 95%, #FBFDFF);
  border: 1px solid #9BABB9;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.12) inset;
}
.desk-button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfdff), color-stop(100%, #ced7df));
  background-image: -moz-linear-gradient(90deg, #ced7df 0%, #fbfdff);
}
a.desk-text {
  color: #00E;
}
</style>