.glassy-wrap{--btn-h:50px;--radius:12px;--ring-w:1px;isolation:isolate;z-index:10;width:100%;display:inline-block;position:relative}.glassy-btn{width:100%;max-width:320px;height:var(--btn-h);border-radius:var(--radius);color:#eef1f6;text-transform:uppercase;z-index:0;cursor:pointer;border:0;place-items:center;padding:2px 24px 0;font-size:22px;font-weight:500;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000006}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.glassy-ring{border-radius:inherit;pointer-events:none;z-index:1;box-sizing:border-box;background:conic-gradient(from var(--angle),var(--primary)20%,var(--white)50%,var(--primary)100%)border-box;border:1px solid #0000;animation:3s linear infinite spin-angle;position:absolute;inset:-1px}@keyframes spin-angle{to{--angle:360deg}}.glassy-inner{top:var(--ring-w);left:var(--ring-w);right:var(--ring-w);bottom:var(--ring-w);border-radius:calc(var(--radius) - var(--ring-w));pointer-events:none;z-index:2;background:var(--primary);position:absolute;overflow:hidden}.glassy-inner .blob{filter:blur(35px);mix-blend-mode:screen;opacity:.9;border-radius:50%;animation:4s ease-in-out infinite alternate float1;position:absolute}.glassy-inner .blob:first-child{background:var(--white);opacity:.2;width:140px;height:140px;animation:5s ease-in-out infinite alternate float1;top:10%;left:15%}.glassy-inner .blob:nth-child(2){background:var(--white);opacity:.1;width:160px;height:160px;animation:6s ease-in-out infinite alternate float2;bottom:15%;right:20%}.glassy-inner .blob:nth-child(3){background:var(--white);opacity:.3;width:120px;height:120px;animation:7s ease-in-out infinite alternate float3;top:40%;left:50%}@keyframes float1{0%{transform:translate(0)}50%{transform:translate(30px,-20px)}to{transform:translate(-20px,25px)}}@keyframes float2{0%{transform:translate(0)scale(1)}50%{transform:translate(-40px,20px)scale(1.1)}to{transform:translate(20px,-30px)scale(.9)}}@keyframes float3{0%{transform:translate(0)}50%{transform:translate(25px,30px)}to{transform:translate(-30px,-15px)}}@keyframes blobs-pos{0%{background-position:20% 30%,80% 40%,60% 80%,40% 60%}50%{background-position:30% 25%,75% 45%,65% 75%,35% 65%}to{background-position:25% 35%,70%,55% 70%,45% 55%}}.glassy-label{z-index:3;position:relative}@media (prefers-reduced-motion:reduce){.glassy-ring,.glassy-inner:before{animation:none}}@media screen and (max-width:600px){.glassy-btn{width:100%;max-width:100%}}