@charset "utf-8";
.botan{text-align: center;}
button.css3button {
	width: 45%;
	font-size: 100%;
	color: #951f2f;
	padding: 20px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #951f2f;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.css3button span{
	color: #951f2f;
  position: relative;
  padding-right: 70px;
}
.css3button span::before{
  content: "";
  position: absolute;
  top: 50%;
	right: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #951f2f;
  border-right: 2px solid #951f2f;
  transform: rotate(45deg);
  margin-top: -5px;
}

button.but {
	width: 100%;
	font-size: 100%;
	color: #951f2f;
	padding: 20px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #951f2f;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.but span{
	color: #951f2f;
  position: relative;
  padding-right: 70px;
}
.but span::before{
  content: "";
  position: absolute;
  top: 50%;
	right: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #951f2f;
  border-right: 2px solid #951f2f;
  transform: rotate(45deg);
  margin-top: -5px;
}

@media screen and ( max-width : 713px ){
	.css3button span{
  position: relative;
  padding-right: 30px;
}
}
@media screen and ( max-width : 624px ){
	.css3button span{
  position: relative;
  padding-right: 20px;
}
}
@media screen and ( max-width : 602px ){
	.css3button span{
  position: relative;
  padding-right: 10px;
}
}
@media screen and ( max-width : 580px ){
	.css3button span{
		font-size: 0.9em;
  position: relative;
  padding-right: 5px;
}
}

@media screen and ( max-width : 312px ){
	.but span{font-size: 0.9em;
  position: relative;
		padding-right: 20px;}
}