.portal-button-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.portal-button-container.is-active .rings{opacity:1;transform:scale(1)}.rings{top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;pointer-events:none}.rings,.rings div{position:absolute;opacity:0}.rings div{inset:0;border-radius:50%;border:2px solid transparent;animation:portal-ring-animation 1.2s ease-out forwards}.rings div:first-child{border-color:hsl(var(--primary)/.3);animation-delay:0s}.rings div:nth-child(2){border-color:hsl(var(--primary)/.5);animation-delay:.1s}.rings div:nth-child(3){border-color:hsl(var(--primary)/.7);animation-delay:.2s}.rings div:nth-child(4){border-color:hsl(var(--primary));animation-delay:.3s;box-shadow:0 0 20px hsl(var(--primary)/.5)}@keyframes portal-ring-animation{0%{transform:scale(0);opacity:1}80%,to{transform:scale(1);opacity:0}}