.star-border-container{border-radius:9999px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.star-border-container .inner-content{border:1px solid var(--border-default);background:var(--brand);color:var(--on-brand);text-align:center;z-index:1;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}
.rb-particle-card{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-1);--rb-glow-x:50%;--rb-glow-y:50%;--rb-glow-intensity:0;--rb-glow-radius:220px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.rb-particle-card:after{content:"";background:radial-gradient(var(--rb-glow-radius) circle at var(--rb-glow-x) var(--rb-glow-y), rgba(var(--rb-glow-color), calc(var(--rb-glow-intensity) * .9)) 0%, rgba(var(--rb-glow-color), calc(var(--rb-glow-intensity) * .35)) 35%, transparent 65%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.rb-particle-card:hover{box-shadow:0 8px 28px color-mix(in srgb, var(--brand) 18%, transparent)}