font {
	  line-height: 1.5;
	}
   
	table, th, td {
	  border: 0px solid black;
	} 

	.button-style {
	  display: inline-block;
	  padding: 6px 12px;
	  background: #f2f2f2;
	  border: 1px solid green; /*  рамка черного цвета #000 */
	  color: red;
	  text-decoration: none;
	  text-align: center;
	}

	.button-style:hover, .button-style:focus {
	  background: #e2e2f2; /* Эффект при наведении — дополнительное оформление */
	}
	


	.no-underline {
	  text-decoration: none;
	}

	
	
	.button-styleBl {
	  display: inline-block;
	  padding: 6px 12px;
	  background: #f2f2f2;
	  border: 1px solid green; /*  рамка черного цвета #000 */
	  color: blue;
	  text-decoration: none;
	  text-align: center;
	  margin: 10px;
	}

	.button-styleBl:hover, .button-style:focus {
	  background: #e2e2f2; /* Эффект при наведении — дополнительное оформление */
	}	
   
	.button-styleGray {
	  display: inline-block;
	  padding: 6px 12px;
	  background: #f2f2f2;
	  border: 1px solid green; /*  рамка черного цвета #000 */
	  color: gray;
	  text-decoration: none;
	  text-align: center;
	}

	.button-styleGray:hover, .button-style:focus {
	  background: #e2e2f2; /* Эффект при наведении — дополнительное оформление */
	}	


	.button-styleGr {
	  display: inline-block;
	  padding: 6px 12px;
	  background: #f2f2f2;
	  border: 1px solid green; /*  рамка черного цвета #000 */
	  color: green;
	  text-decoration: none;
	  text-align: center;
	}

	.button-styleGr:hover, .button-style:focus {
	  background: #e2e2f2; /* Эффект при наведении — дополнительное оформление */
	}