.fancy-btn[data-v-933db2c6]{position:relative;display:inline-block;width:-webkit-fit-content;width:fit-content;font-weight:500;overflow:hidden;cursor:pointer;border-radius:.02rem;box-sizing:border-box;--pad-x: .12rem}@media (max-width: 768px){.fancy-btn .fancy-btn[data-v-933db2c6]{--pad-x: .1rem}}.fancy-btn[data-v-933db2c6]:hover{border-radius:.02rem}.fancy-btn:hover .old[data-v-933db2c6],.fancy-btn:hover .new[data-v-933db2c6]{transform:translateY(-100%)}.fancy-btn:hover .top[data-v-933db2c6]{transform:scaleX(1);transition-delay:0s}.fancy-btn:hover .right[data-v-933db2c6]{transform:scaleY(1);transition-delay:.1s}.fancy-btn:hover .bottom[data-v-933db2c6]{transform:scaleX(1);transition-delay:.2s}.fancy-btn:hover .left[data-v-933db2c6]{transform:scaleY(1);transition-delay:.3s}.fancy-btn[data-v-933db2c6]: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-933db2c6]{overflow:hidden;position:relative;width:auto;min-width:1.38rem;height:.48rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:.02rem;padding:0 var(--pad-x)}.btn-text-wrapper[data-text][data-v-933db2c6]:after{content:attr(data-text);display:inline-block;visibility:hidden;white-space:nowrap;font-family:HarmonyOS Sans,sans-serif;font-weight:300;font-size:.16rem;padding:0 var(--pad-x)}.image-wrap[data-v-933db2c6]{width:.48rem;height:.48rem;min-width:.48rem;max-width:.48rem}.image-wrap .text[data-v-933db2c6]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-wrap img[data-v-933db2c6]{width:.24rem;height:.24rem;display:block}.text[data-v-933db2c6]{display:inline-block;width:100%;height:.48rem;line-height:.48rem;position:absolute;left:0;white-space:nowrap;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;padding:0 var(--pad-x)}.old[data-v-933db2c6]{top:0;transform:translateY(0);color:var(--text-color)}.new[data-v-933db2c6]{top:100%;transform:translateY(0);color:var(--hover-text-color)}.border[data-v-933db2c6]{position:absolute;background-color:#16a3af;transition:transform .3s ease;pointer-events:none}.top[data-v-933db2c6],.bottom[data-v-933db2c6]{height:1px;width:100%;left:0}.top[data-v-933db2c6]{top:0;transform-origin:left;transform:scaleX(0)}.bottom[data-v-933db2c6]{bottom:0;transform-origin:right;transform:scaleX(0)}.left[data-v-933db2c6],.right[data-v-933db2c6]{width:1px;height:100%;top:0}.left[data-v-933db2c6]{left:0;transform-origin:bottom;transform:scaleY(0)}.right[data-v-933db2c6]{right:0;transform-origin:top;transform:scaleY(0)}.fancy-btn:not(:hover) .top[data-v-933db2c6]{transition-delay:.5s;transform:scaleX(0)}.fancy-btn:not(:hover) .right[data-v-933db2c6]{transition-delay:.4s;transform:scaleY(0)}.fancy-btn:not(:hover) .bottom[data-v-933db2c6]{transition-delay:.3s;transform:scaleX(0)}.fancy-btn:not(:hover) .left[data-v-933db2c6]{transition-delay:0s;transform:scaleY(0)}@media screen and (max-width: 768px){.btn-text-wrapper[data-v-933db2c6]{height:.4rem}.text[data-v-933db2c6]{height:.4rem;line-height:.4rem;font-size:.15rem}.image-wrap[data-v-933db2c6]{width:.4rem;height:.4rem}.image-wrap img[data-v-933db2c6]{width:.2rem;height:.2rem}}