.animated-border-btn[data-v-00c8f77c]{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;font-weight:600;font-size:1rem;border-radius:9999px;background:var(--btn-bg, #232429);color:var(--btn-color, #fff);box-sizing:border-box;border:none;overflow:hidden;cursor:pointer;transition:color .3s,background .3s;outline:none}.animated-border-btn[data-v-00c8f77c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;border:2px solid var(--border-color, #fff);pointer-events:none;z-index:1;box-sizing:border-box;-webkit-mask:linear-gradient(90deg,#fff 0 0) 0/0% 100% no-repeat;mask:linear-gradient(90deg,#fff 0 0) 0/0% 100% no-repeat;transition:-webkit-mask-size .7s cubic-bezier(.4,0,.2,1);transition:mask-size .7s cubic-bezier(.4,0,.2,1);transition:mask-size .7s cubic-bezier(.4,0,.2,1),-webkit-mask-size .7s cubic-bezier(.4,0,.2,1)}.animated-border-btn[data-v-00c8f77c]:hover:before{-webkit-mask-size:100% 100%;mask-size:100% 100%}.animated-border-btn.clicked[data-v-00c8f77c]:before{-webkit-mask-size:100% 100%;mask-size:100% 100%}.btn-content[data-v-00c8f77c]{position:relative;z-index:2;display:flex;align-items:center;font-size:1rem}