.btn_style08 {
 width: 100%;
}

.btn_style08 a {
 display: block;
 padding: 60px 50px;
 text-align: center;
 text-decoration: none;
 font-weight: normal;
 font-size: 14px;
 font-size: 1.4rem;
 border: 1px solid var(--main-color);
 letter-spacing: 0.05em;
 position: relative;
 color: #fff;
 background: var(--main-color);
 border-radius: 9999px
}

.btn_style08 a:hover {
 color: var(--main-color);
 background: #fff;
}

.btn_style08_tit01 {
 font-size: 30px;
 font-size: 3.0rem;
 text-align: center;
 margin: 0 0 20px;
}

.btn_style08_tit02 {
 font-size: 20px;
 font-size: 2.0rem;
 text-align: center;
 margin: 0 0 20px;
}

.btn_style08_txt01 {
  text-align: center;
}


.btn_style08 a .btn_arrow {
 position: relative;
 display: inline-block;
 padding: 0 10px 0 0;
}


.btn_style08 a .btn_arrow:before {
  content: '';
  width: 17px;
  height: 3px;
  border-right: 2px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) skewX(45deg);
  transition: all 0.3s ease;
}

.btn_style08 a:hover .btn_arrow:before {
 border-color: var(--main-color);
 width: 25px;
}


@media (max-width : 640px){

.btn_style08 a {
  padding: 40px 40px;
}
 
.btn_style08_tit01 {
 font-size: 25px;
 font-size: 2.5rem;
 
} 

.btn_style08_tit02 {
  font-size: 18px;
  font-size: 1.8rem;
} 
 
.btn_style08 a .btn_arrow {
 padding: 0 0 20px;
}  
 
.btn_style08 a .btn_arrow:before {
 top: inherit;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%) skewX(45deg);
} 
 
}