.iridescent-primary-button{--ix:50%;--iy:50%;--button-gradient:linear-gradient(112deg,#ffffff,#f8f6f0 12%,#dce8f0 28%,#a8b8d8 42%,#b8d4c4 56%,#eef0ea 72%,#ffffff 88%,#d8e4ec);position:relative;isolation:isolate;overflow:hidden;font-weight:500;color:#101010;background:transparent;box-shadow:0 18px 44px -26px rgb(0 0 0/.65),0 0 24px rgb(255 255 255/.08);transition:box-shadow .3s ease,transform .3s ease}.iridescent-primary-button:hover{box-shadow:0 20px 48px -24px rgb(0 0 0/.68),0 0 32px rgb(180 210 255/.22)}.iridescent-primary-button__surface{position:absolute;inset:0;border-radius:inherit;background-image:var(--button-gradient);background-size:300% 300%;background-position:0 50%;animation:iridescent-drift 8s ease-in-out infinite alternate}.iridescent-primary-button__surface:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--ix) var(--iy),rgb(255 255 255/.55) 0,rgb(255 255 255/0) 58%);opacity:.85;mix-blend-mode:soft-light}.iridescent-primary-button--interactive .iridescent-primary-button__surface{background-position:var(--ix) var(--iy);animation:none}.iridescent-primary-button__content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.iridescent-primary-button .iridescent-text{background-position:var(--ix) var(--iy);animation:none}.iridescent-primary-button__icon{position:relative;z-index:1;color:rgb(16 16 16/.88);filter:drop-shadow(0 0 8px rgb(42 80 128/.22));transition:transform .3s ease,filter .3s ease}.iridescent-primary-button:hover .iridescent-primary-button__icon{filter:drop-shadow(0 0 10px rgb(42 80 128/.38))}@media (prefers-reduced-motion:reduce){.iridescent-primary-button__surface{animation:none;background-position:42% 50%}}