<!DOCTYPE html>
<html>
<head>
	<title>Button Style Example</title>
	<style>
		a.bnt {
			color: #444444;
			background: #F3F3F3;
			border: 1px #DADADA solid;
			padding: 5px 10px;
			border-radius: 2px;
			font-weight: bold;
			font-size: 9pt;
			outline: none;
		}

		a.bnt:hover {
			border: 1px #C6C6C6 solid;
			box-shadow: 1px 1px 1px #EAEAEA;
			color: #333333;
			background: #F7F7F7;
		}

		a.bnt:active {
			box-shadow: inset 1px 1px 1px #DFDFDF;
		}

		a.bnt.blue {
			color: white;
			background: #4C8FFB;
			border: 1px #3079ED solid;
			box-shadow: inset 0 1px 0 #80B0FB;
		}

		a.bnt.blue:hover {
			border: 1px #2F5BB7 solid;
			box-shadow: 0 1px 1px #EAEAEA, inset 0 1px 0 #5A94F1;
			background: #3F83F1;
		}

		a.bnt.blue:active {
			box-shadow: inset 0 2px 5px #2370FE;
		}

		a.bnt.orange {
			color: white;
			border: 1px solid #FB8F3D;
			background: -webkit-linear-gradient(top, #FDA251, #FB8F3D);
			background: -moz-linear-gradient(top, #FDA251, #FB8F3D);
			background: -ms-linear-gradient(top, #FDA251, #FB8F3D);
		}

		a.bnt.orange:hover {
			border: 1px solid #EB5200;
			background: -webkit-linear-gradient(top, #FD924C, #F9760B);
			background: -moz-linear-gradient(top, #FD924C, #F9760B);
			background: -ms-linear-gradient(top, #FD924C, #F9760B);
			box-shadow: 0 1px #EFEFEF;
		}

		a.bnt.orange:active {
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
		}

		a.bnt.red {
			background: -webkit-linear-gradient(top, #DD4B39, #D14836);
			background: -moz-linear-gradient(top, #DD4B39, #D14836);
			background: -ms-linear-gradient(top, #DD4B39, #D14836);
			border: 1px solid #DD4B39;
			color: white;
			text-shadow: 0 1px 0 #C04131;
		}

		a.bnt.red:hover {
			background: -webkit-linear-gradient(top, #DD4B39, #C53727);
			background: -moz-linear-gradient(top, #DD4B39, #C53727);
			background: -ms-linear-gradient(top, #DD4B39, #C53727);
			border: 1px solid #AF301F;
		}

		a.bnt.red:active {
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
			background: -webkit-linear-gradient(top, #D74736, #AD2719);
			background: -moz-linear-gradient(top, #D74736, #AD2719);
			background: -ms-linear-gradient(top, #D74736, #AD2719);
		}
	</style>
</head>
<body>
	<a href="#" class="bnt">Default Button</a>
	<a href="#" class="bnt blue">Blue Button</a>
	<a href="#" class="bnt orange">Orange Button</a>
	<a href="#" class="bnt red">Red Button</a>
</body>
</html>
这将生成四个按钮，每个按钮都使用了上述样式表中的不同类名。您也可以根据需要更改按钮的文本和链接。
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence