@charset "utf-8";
/* CSS Document */


[class*="comm_btn"]{
display: inline-block;
font-size: 1.5em;
text-align: center;
padding-top: 0.8em;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 2em;
color: #FFFFFF;
min-width: 400px;
position: relative;
background-image: -webkit-linear-gradient(270deg,rgba(207,0,3,1.00) 0%,rgba(67,0,0,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(207,0,3,1.00) 0%,rgba(67,0,0,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(207,0,3,1.00) 0%,rgba(67,0,0,1.00) 100%);
background-image: linear-gradient(180deg,rgba(207,0,3,1.00) 0%,rgba(67,0,0,1.00) 100%);
/*
background: linear-gradient(to right, #7b0101 50%, #000 50%);
background-size: 200% 100.5%;
background-position: right bottom;
transition: all 0.2s ease-out;
*/
border-radius: 0.2em;
}

[class*="comm_btn"]:after {
	content: '';
	width: 0.75em;
	height: 0.75em;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 0px;
	margin: auto;
	bottom: 0px;
}

[class*="comm_btn"]:hover{
background-position: left bottom;
opacity: 1;
}
.comm_btn-black{
background-image: -webkit-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(21,21,21,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(21,21,21,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(21,21,21,1.00) 100%);
background-image: linear-gradient(180deg,rgba(75,75,75,1.00) 0%,rgba(21,21,21,1.00) 100%);
}

.comm_btn-white{
color: #000!important;
background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(219,219,219,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(219,219,219,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(219,219,219,1.00) 100%);
background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(219,219,219,1.00) 100%);
}
.comm_btn-white:after{ border-top: 1px solid #000; border-right: 1px solid #000;}
.comm_btn-white:hover{
color: #FFFFFF;
}




@media screen and (max-width: 767px) {


    a[class*="comm_btn"]{ padding-left: 1.5em; padding-right: 1.5em;font-size: 1.25em; min-width:initial; width:100%;}

}