.gradient-border[data-v-c6297b2c]{background:#000;border-radius:12px;overflow:hidden;position:relative}.gradient-border[data-v-c6297b2c]:before{background:linear-gradient(93.61deg,#ff7094,#0bf 50%,#00bea0);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.gradient-border[data-v-c6297b2c]:hover{box-shadow:0 4px 20px #ff70944d;transform:scale(1.02)}.gradient-border[data-v-c6297b2c]:active{box-shadow:0 2px 10px #ff709433;transform:scale(.96);transition:transform .1s ease,box-shadow .1s ease}.gradient-border[data-v-c6297b2c]:hover:before{animation:rotate-gradient-c6297b2c 3s linear infinite;background:linear-gradient(93.61deg,#ff7094,#0bf 25%,#00bea0,#ff7094 75%,#0bf);background-size:200% 100%}@keyframes rotate-gradient-c6297b2c{0%{background-position:0 0}to{background-position:200% 0}}.inline-flex[data-v-c6297b2c]:not(.gradient-border){overflow:hidden;position:relative}.inline-flex[data-v-c6297b2c]:not(.gradient-border):before{background:linear-gradient(93.61deg,#ff7094,#0bf 25%,#00bea0,#ff7094 75%,#0bf);background-size:200% 100%;border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease}.inline-flex[data-v-c6297b2c]:not(.gradient-border):hover:before{animation:rotate-gradient-c6297b2c 3s linear infinite;opacity:1}.inline-flex[data-v-c6297b2c]:active{transform:scale(.95);transition:transform .1s ease}