custom-button-light.component.css

/* Styles here can easily be cleaned up using SCSS */

:host-context(.light) .primary button {
  border:1px solid 	#0080ff;
  background:#fff;
  color:#0080ff;
}

:host-context(.light) .primary button:disabled,
:host-context(.light) .primary button[disabled]{
  color:#d3d3d3;
}

:host-context(.light) .secondary button {
  border:1px solid 	#0080ff;
  background-color:#0080ff;
  color:#fff;
}

:host-context(.light) .secondary button:disabled,
:host-context(.light) .secondary button[disabled]{
  background-color:#e5f2ff;
}