.btn_box{--gray-0:#fff;--gray-800:#292929;--r-full:9999px;--vi:#0e0bc0}.btn_box .btn_con .btn_con_font{padding:16px 32px;font-size:18px;line-height:24px}.btn_box .btn_con .btn_con_font,.btn_box .btn_con .btn_con_icon_box{background-color:var(--gray-0);border-radius:var(--r-full);color:var(--gray-800)}.btn_box .btn_con .btn_con_icon_box{position:relative;width:56px;height:56px;overflow:hidden}.btn_box .btn_con .btn_con_icon_box .iconfont{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:24px;line-height:56px;text-align:center}.btn_box .btn_con .btn_con_icon_box .iconfont.after_icon{left:-100%}.btn_box .btn_con.vi_btn .btn_con_font,.btn_box .btn_con.vi_btn .btn_con_icon_box{background-color:var(--vi);color:#fff}@-webkit-keyframes btn_before_icon_ani{0%{left:0}to{left:100%}}@keyframes btn_before_icon_ani{0%{left:0}to{left:100%}}@-webkit-keyframes btn_after_icon_ani{0%{left:-100%}to{left:0}}@keyframes btn_after_icon_ani{0%{left:-100%}to{left:0}}.btn_box .btn_con:hover .btn_con_icon_box .before_icon{-webkit-animation:before_icon_ani .6s ease;animation:before_icon_ani .6s ease}.btn_box .btn_con:hover .btn_con_icon_box .after_icon{-webkit-animation:after_icon_ani .6s ease;animation:after_icon_ani .6s ease}.btn_box[data-align="0"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.btn_box[data-align="1"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.btn_box[data-align="2"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width:750px){.btn_box .btn_con .btn_con_font{padding:6px 14px;font-size:14px;line-height:20px}.btn_box .btn_con .btn_con_icon_box{width:34px;height:34px}.btn_box .btn_con .btn_con_icon_box .iconfont{font-size:16px;line-height:34px}}