@charset "UTF-8";


/* btn style */
.c-btn {
position:relative;
cursor:pointer;
text-align: center;
display:inline-block;
margin:0 auto;
}
.c-btn:before,
.c-btn:after {
position:absolute;
content:"";
top:0;
left:0;
transition: .3s ease;
width: 100%;
height: 100%;
border-radius: 40px;
}
.c-btn:before {
background: linear-gradient(108deg,#f79d29 0%, #e94d2f 100%);
z-index: 1;
}
.c-btn:after {
background: linear-gradient(108deg, #3b1b05 0%, #bf7d49 100%); 
z-index: 0;
}
.c-btn__text {
text-decoration:none;
display: inline-block;
padding:18px 50px 18px 30px;
color:#fff;
font-size:calc(1.8 * var(--rem));
font-weight:bold;
position:relative;
transition: .3s ease;
z-index: 2;
width: 100%;
}
.c-btn__text:after {
content: "";
position: absolute;
top: 50%;
right:30px;
display: inline-block;
width: 9px;
height: 9px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg) translateY(-50%);
transition: .3s ease;
}
.c-btn:hover:before {
opacity:0;
}
.c-btn:hover .c-btn__text:after{
right:25px;
}
.c-btn__text[target="_blank"]:after {
font-family: "Font Awesome 6 Free";
margin: 0 3px 5px;
content: "\f35d";
font-weight:900;
display: inline-block;
font-size: calc(1.4 * var(--rem));
border-top: 0;
border-right:0;
transform: rotate(0deg) translateY(-60%);
}
.c-btn:hover .c-btn__text[target="_blank"]:after{
right:30px;
}

@media screen and (max-width: 810px) {
	.c-btn {
		width: 100%;
	}
	.c-btn__text {
		padding:18px 30px 18px 15px;
		font-size: calc(1.5 * var(--rem));
	}	
	.c-btn__text::after {
		right: 20px;
	}
}