.fancy-btn[data-v-1098c34b]{position:relative;display:inline-block;max-width:1.38rem;font-weight:500;overflow:hidden;cursor:pointer;border-radius:.02rem;box-sizing:border-box}.fancy-btn[data-v-1098c34b]:hover{border-radius:.02rem}.fancy-btn:hover .old[data-v-1098c34b],.fancy-btn:hover .new[data-v-1098c34b]{transform:translateY(-100%)}.fancy-btn:hover .top[data-v-1098c34b]{transform:scaleX(1);transition-delay:0s}.fancy-btn:hover .right[data-v-1098c34b]{transform:scaleY(1);transition-delay:.1s}.fancy-btn:hover .bottom[data-v-1098c34b]{transform:scaleX(1);transition-delay:.2s}.fancy-btn:hover .left[data-v-1098c34b]{transform:scaleY(1);transition-delay:.3s}.fancy-btn[data-v-1098c34b]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.02rem;opacity:1;transition:opacity .3s ease;pointer-events:none}.btn-text-wrapper[data-v-1098c34b]{overflow:hidden;position:relative;width:1.38rem;height:.48rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:.02rem}.image-wrap[data-v-1098c34b]{width:.48rem;height:.48rem}.image-wrap .text[data-v-1098c34b]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-wrap img[data-v-1098c34b]{width:.24rem;height:.24rem;display:block}.text[data-v-1098c34b]{display:inline-block;width:1.38rem;height:.48rem;line-height:.48rem;position:absolute;left:0;text-align:center;transition:transform .4s ease,color .4s ease;font-family:HarmonyOS Sans,sans-serif;font-weight:300;font-size:.16rem;font-style:normal;text-transform:none;box-sizing:border-box}.old[data-v-1098c34b]{top:0;transform:translateY(0);color:var(--text-color)}.new[data-v-1098c34b]{top:100%;transform:translateY(0);color:var(--hover-text-color)}.border[data-v-1098c34b]{position:absolute;background-color:#16a3af;transition:transform .3s ease;pointer-events:none}.top[data-v-1098c34b],.bottom[data-v-1098c34b]{height:1px;width:100%;left:0}.top[data-v-1098c34b]{top:0;transform-origin:left;transform:scaleX(0)}.bottom[data-v-1098c34b]{bottom:0;transform-origin:right;transform:scaleX(0)}.left[data-v-1098c34b],.right[data-v-1098c34b]{width:1px;height:100%;top:0}.left[data-v-1098c34b]{left:0;transform-origin:bottom;transform:scaleY(0)}.right[data-v-1098c34b]{right:0;transform-origin:top;transform:scaleY(0)}.fancy-btn:not(:hover) .top[data-v-1098c34b]{transition-delay:.5s;transform:scaleX(0)}.fancy-btn:not(:hover) .right[data-v-1098c34b]{transition-delay:.4s;transform:scaleY(0)}.fancy-btn:not(:hover) .bottom[data-v-1098c34b]{transition-delay:.3s;transform:scaleX(0)}.fancy-btn:not(:hover) .left[data-v-1098c34b]{transition-delay:0s;transform:scaleY(0)}@media screen and (max-width: 768px){.image-wrap[data-v-1098c34b]{width:.4rem;height:.4rem}}