.star-border-wrapper{position:relative;display:inline-block}.star-border{position:relative;border-radius:.375rem;padding:2px;animation:star-border-gradient 3s ease infinite}.dark .star-border,.star-border{background:linear-gradient(45deg,#8b5cf6,#ff2e88,#8b5cf6,#8b5cf6);background-size:300% 300%}.star-border:before{content:"";position:absolute;inset:2px;border-radius:calc(.375rem - 2px);background:var(--star-bg,#fff);z-index:0}.dark .star-border:before{background:#111827}.star-border-inner{position:relative;background:transparent;border-radius:calc(.375rem - 2px);padding:0;z-index:1;overflow:hidden}.star-border-inner>*{border-radius:calc(.375rem - 2px)!important}.star-border:after{content:"";position:absolute;inset:2px;border-radius:calc(.375rem - 2px);background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 60% 70%,#fff,transparent),radial-gradient(1px 1px at 50% 50%,#fff,transparent),radial-gradient(1px 1px at 80% 10%,#fff,transparent),radial-gradient(2px 2px at 90% 60%,#fff,transparent),radial-gradient(1px 1px at 33% 85%,#fff,transparent),radial-gradient(2px 2px at 10% 90%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent);background-size:200% 200%;background-position:0 0;animation:star-particles 8s linear infinite;opacity:.6;pointer-events:none;z-index:0;mask:radial-gradient(ellipse calc(100% - 4px) calc(100% - 4px) at 50% 50%,#000 70%,transparent 100%);-webkit-mask:radial-gradient(ellipse calc(100% - 4px) calc(100% - 4px) at 50% 50%,#000 70%,transparent 100%)}@keyframes star-border-gradient{0%,to{background-position:0 50%,0 50%}50%{background-position:100% 50%,100% 50%}}@keyframes star-particles{0%{background-position:0 0}to{background-position:200% 200%}}