.myButton {
     width: 180px;
     height: 50px;
     font-size: 16px;
     color: #FFFFFF;
     background: linear-gradient(to top right, #0000FF, #0000FF);
     border: none;
     border-radius: 10px;
     font-family: Libre Baskerville;
     transition: all 0.25s ease;
}
.myButton:hover {
     color: #FFFFFF;
     background: linear-gradient(to top right, #FF0000, #FF0000);
     border-color: #0000FF;
}
.myMiniButton {
     white-space:nowrap;     
	 width: 180px;
	 height: 35px;
     font-size: 12px;
     color: #FFFFFF;
     background: linear-gradient(to top right, #0000FF, #0000FF);
     border: none;
     border-radius: 10px;
     font-family: Libre Baskerville;
     transition: all 0.25s ease;
}
.myMiniButton:hover {
	 white-space:nowrap;
     color: #FFFFFF;
     background: linear-gradient(to top right, #FF0000, #FF0000);
     border-color: #0000FF;
}