.link_btn01{
border-radius: 5px;
font-size: 100%;
font-weight:bold;
margin: 10px 5px;
display: inline-block;
cursor: pointer;
position: relative;
transition: 0.5s;
background: #CE3A77;
}
.btn01_pink{
background: #FDEBEF;
border: 1px solid #CE3A77;
box-shadow: 0px 2px 2px 0px rgba(247,11,70,0.30), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.1);
}
.btn01_blue{
border: 1px solid #0085B5;
background: #E9F9FF;
box-shadow: 0px 2px 2px 0px rgba(10,118,247,0.30), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.1);
}
.link_btn01 a{
padding: 12px 50px 12px 20px;
display: inline-block;
color: #ffffff;
}
.btn01_pink a{
color: #CE3A77; 
}
.btn01_blue a{
color: #0085B5; 
}
.link_btn01 a::before {
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 20px;
top: 0;
transform: rotate(45deg);
transition: right .5s; 
width: 10px;
border-right: 3px solid #ffffff;
border-top: 3px solid #ffffff;
}
.btn01_pink a::before {
border-right: 3px solid #CE3A77;
border-top: 3px solid #CE3A77;
}
.btn01_blue a::before {
border-right: 3px solid #0085B5;
border-top: 3px solid #0085B5;
}
.link_btn01:hover{
opacity: 0.9;
background: #F3A0AC;
color: #ffffff;
}
.link_btn01 a:hover::before {
right: 10px;
border-right: 3px solid #ffffff;
border-top: 3px solid #ffffff;
}
.btn01_pink a:hover{
color: #ffffff;
}
.btn01_blue a:hover{
color: #ffffff;
}
.dis_inine_inherit{
display:inherit;
margin: 10px;
}
@media screen and (max-width: 789px){
.link_btn01 a{
padding: 7px 15px;
width: 95%;
}
.link_btn01 {
width: 97%;
margin: 10px auto;
}
.link_btn01 a::before {
height: 5px;
right: 15px;
width: 5px;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
}
.btn01_pink a:hover::before {
}
.btn01_blue a:hover::before {
}
}