$green: #1abc9c; // можешь потом везде его использовать, и в других файлах scsc.
$green2: #18a68a;
$blue: #3498db;
$blue2: #2e85bf;
.button { // дай общий класс для двух div-ок
	padding: 15px 0px;
	border-radius: 4px;
	border: none;
	color:#fff;
	cursor: pointer;
	font: 14pt SlimSansSerif;
	width: 166px;
}
.btn1{
	background-color: &green;
        &:hover{
	      background-color: &green2;
        }
}
.btn2{
	background-color: $blue;
        &:hover{
          	background-color: &blue2;
        }
}

<dl-date-time-picker (change)="getDate($event)"> </dl-date-time-picker>

date;
  getDate(event) {
     this.date = event;
  }