@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-rotate{to{--border-angle:360deg}}.btn-shine{position:relative}.btn-shine:before{content:"";border-radius:inherit;background:conic-gradient(from var(--border-angle), transparent 0%, transparent 65%, #64646933 75%, #32323780 85%, #8c8c9133 95%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:5s linear infinite border-rotate;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:is(.dark *) .btn-shine:before{background:conic-gradient(from var(--border-angle), transparent 0%, transparent 65%, #94a3b840 75%, #e2e8f0a6 85%, #94a3b840 95%, transparent 100%)}.btn-slide-content{will-change:transform, opacity;align-items:center;gap:.5rem;transition:transform .3s,opacity .3s;display:inline-flex}.btn-slide:hover .btn-slide-content{animation:1s cubic-bezier(.4,0,.2,1) forwards btn-slide-marquee}@keyframes btn-slide-marquee{0%{opacity:1;transform:translate(0)}49%{opacity:0;transform:translate(120%)}50%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}