Simple Sketch.app exported css button.

by kizer

HTML

<div class="button roundrect fill vcenter innershadow">

Go
</div>

CSS

/* Rectangle 3: */

.button {
 height: 50px;
 vertical-align:middle;  
 line-height: 50px; 
 border: 1px solid rgba(23,86,114, 1);    
}
.vcenter {
 text-align: center;
 line-height:   
}
.roundrect {
  border-radius: 6px;
}
.fill {
  background-image: -o-linear-gradient(-90deg, #49A1CF 0%, #21698F 100%);
  background-image: -moz-linear-gradient(-90deg, #49A1CF 0%, #21698F 100%);
  background-image: -webkit-linear-gradient(-90deg, #49A1CF 0%, #21698F 100%);
  background-image: -ms-linear-gradient(-90deg, #49A1CF 0%, #21698F 100%);
  background-image: linear-gradient(-90deg, #49A1CF 0%, #21698F 100%);
}
/* Sketch doesnt export gradient borders at this point */
.innershadow {
  -moz-box-shadow:    inset 0px 1px 1px rgba(255,255,255,0.41);
  -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.41);
  box-shadow:         inset 0px 1px 1px rgba(255,255,255,0.41);
}