#gradation_button .btn{border-radius:.5rem;color:#212529;cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.1em;line-height:1.5;padding:10px 0;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}#gradation_button .btn,#gradation_button a.btn_a{position:relative;-webkit-transition:all .3s;transition:all .3s}#gradation_button a.btn_a{background-image:-webkit-gradient(linner,left top,right top,from(#0071df),to(#00ecbc));background-image:-webkit-linear-gradient(left,#007adf,#00ecbc);background-image:linear-gradient(90deg,#007adf 0,#00ecbc);border-radius:100px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.2);box-shadow:0 10px 10px rgba(0,0,0,.2);color:#fff;padding:16px;z-index:999}#gradation_button p{margin-left:15%;position:relative}#gradation_button p:before{border:6px solid transparent;border-left:10px solid #007adf;box-sizing:border-box;color:#007adf;content:"";left:-24px;position:absolute;top:calc(50% - 6px);z-index:2}#gradation_button p:after{background-color:#fff;border-radius:50%;content:"";height:20px;left:-30px;position:absolute;top:calc(50% - 10px);width:20px;z-index:1}#gradation_button a.btn{align-items:center;color:#fff;display:flex;justify-content:center;margin:0 auto;width:100%}#gradation_button a.btn_a:hover{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}#gradation_button .pc_image{display:none}@media (min-width:768px){#gradation_button a.btn{width:70%}#gradation_button .sp_image{display:none}#gradation_button .pc_image{display:block}}