.button-area{display:flex;justify-content:center}.button-area .link-btn{font-size:1.6rem;line-height:1.75em;color:#fff;text-decoration:none;text-align:center;line-height:60px;letter-spacing:.1em;max-width:240px;height:60px;background-color:#fff;position:relative;display:block;width:100%}.button-area .link-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,#1a93aa,#69328f);z-index:0;opacity:1;transition:opacity .3s cubic-bezier(0.25,0.1,0.25,1)}.button-area .link-btn span{position:relative;z-index:1}.button-area .link-btn::after{content:'';width:40px;height:1px;display:block;background:#252525;position:absolute;top:30px;right:-20px}.button-area .link-btn-bg{position:absolute;overflow:hidden;width:100%;height:100%;top:0;left:0;z-index:0}.button-area .link-btn-bg::after{content:'';width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.2);display:block;position:absolute;-webkit-transform:translate(0%,100%);transform:translate(0%,100%);transition:all .4s cubic-bezier(0.215,0.61,0.355,1)}.button-area .link-btn:hover{color:#252525}.button-area .link-btn:hover::before{opacity:.4}.button-area .link-btn:hover .link-btn-bg::after{-webkit-transform:translate(0%,0%);transform:translate(0%,0%)}@media(max-width:767px){.button-area .link-btn{font-size:1.2rem;line-height:2.33333em;line-height:50px;width:200px;height:50px}.button-area .link-btn::after{width:30px;right:-15px;top:25px}}