@property --glass-angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --glass-angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}.glass-btn{--border-width: 1px;all:unset;cursor:pointer;position:relative;pointer-events:auto;z-index:3;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999px;box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 3px 2px -2px #0003,inset 0 0 2px 3px #fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .4s cubic-bezier(.25,1,.5,1);-webkit-tap-highlight-color:transparent}.glass-btn:hover{transform:scale(.975);backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 2px 1px -1px #00000040,inset 0 0 1px 2px #ffffff80}.glass-btn:active{transform:scale(.96);box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 1px 1px -1px #0003,inset 0 0 2px 3px #fff3,0 3px #ffffffbf,inset 0 3px 1px #00000026}.glass-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:transparent;z-index:1}.glass-btn--green{background:linear-gradient(-75deg,#6a90822e,#6a908252,#6a90822e);backdrop-filter:blur(14px) saturate(1.7);-webkit-backdrop-filter:blur(14px) saturate(1.7)}.glass-btn--green:before{background:radial-gradient(ellipse 70% 60% at 35% 0%,rgba(255,255,255,.45),transparent 65%),radial-gradient(ellipse 80% 50% at 75% 110%,rgba(70,99,89,.25),transparent 70%),linear-gradient(135deg,rgba(106,144,130,.12),transparent 70%);mix-blend-mode:normal}.glass-btn--orange:before{background:linear-gradient(135deg,rgba(243,99,52,.25),transparent 70%)}.glass-btn--cta-green{background:linear-gradient(-75deg,#466359b3,#466359e0,#466359b3);backdrop-filter:blur(8px) saturate(1.5);-webkit-backdrop-filter:blur(8px) saturate(1.5);animation:glass-cta-breathe 2.6s ease-in-out infinite}.glass-btn--cta-green:before{background:radial-gradient(ellipse 70% 60% at 35% 0%,rgba(255,255,255,.3),transparent 65%),radial-gradient(ellipse 80% 50% at 75% 110%,rgba(40,60,50,.35),transparent 70%);mix-blend-mode:normal}.glass-btn--cta-orange{background:linear-gradient(-75deg,#f36334bf,#f36334eb,#f36334bf);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 3px 2px -2px #0003,inset 0 0 2px 3px #fff3,0 0 18px 2px #f3633459}.glass-btn--cta-orange:before{background:radial-gradient(ellipse 70% 60% at 35% 0%,rgba(255,255,255,.32),transparent 65%),radial-gradient(ellipse 80% 50% at 75% 110%,rgba(180,70,35,.35),transparent 70%);mix-blend-mode:normal}.glass-btn--cta-mute{background:linear-gradient(-75deg,#dcdcdc8c,#dcdcdcbf,#dcdcdc8c);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4)}.glass-btn--cta-mute.is-muted{background:linear-gradient(-75deg,#f59e0bbf,#f59e0beb,#f59e0bbf);box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 3px 2px -2px #0003,inset 0 0 2px 3px #fff3,0 0 14px 2px #f59e0b66}.glass-btn--cta-mute:before{background:radial-gradient(ellipse 70% 60% at 35% 0%,rgba(255,255,255,.35),transparent 65%);mix-blend-mode:normal}.glass-btn--cta-green:hover,.glass-btn--cta-orange:hover,.glass-btn--cta-mute:hover{transform:scale(1.035)}.glass-btn--cta-green:active,.glass-btn--cta-orange:active,.glass-btn--cta-mute:active{transform:scale(.97)}.glass-btn--cta-green:hover{animation-play-state:paused}@keyframes glass-cta-breathe{0%,to{box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 3px 2px -2px #0003,inset 0 0 2px 3px #fff3,0 0 #6a908200}50%{box-shadow:inset 0 1.5px 1.5px #0000000d,inset 0 -1.5px 1.5px #ffffff80,0 3px 2px -2px #0003,inset 0 0 2px 3px #fff3,0 0 28px 6px #6a90828c}}@media(prefers-reduced-motion:reduce){.glass-btn--cta-green{animation:none}}.glass-btn:after{content:"";position:absolute;z-index:1;border-radius:999px;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--glass-angle-1) at 50% 50%,rgba(0,0,0,.4),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.4)),linear-gradient(180deg,#ffffff80,#ffffff80);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;transition:all .4s cubic-bezier(.25,1,.5,1),--glass-angle-1 .5s ease;box-shadow:inset 0 0 0 .5px #ffffff80}.glass-btn:hover:after{--glass-angle-1: -125deg}.glass-btn:active:after{--glass-angle-1: -75deg}.glass-btn>span{position:relative;z-index:4}.glass-btn>span:after{content:"";display:block;position:absolute;z-index:5;width:100%;height:100%;top:0;left:0;border-radius:999px;overflow:hidden;background:linear-gradient(var(--glass-angle-2),rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 40% 50%,rgba(255,255,255,0) 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position .5s cubic-bezier(.25,1,.5,1),--glass-angle-2 .5s cubic-bezier(.25,1,.5,1)}.glass-btn:hover>span:after{background-position:25% 50%}.glass-btn:active>span:after{background-position:50% 15%;--glass-angle-2: -15deg}@media(hover:none)and (pointer:coarse){.glass-btn>span:after,.glass-btn:active>span:after{--glass-angle-2: -45deg}.glass-btn:after,.glass-btn:hover:after,.glass-btn:active:after{--glass-angle-1: -75deg}}.glass-live-pill{all:unset;position:relative;pointer-events:none;background:linear-gradient(-75deg,#ffffff0d,#ffffff2e,#ffffff0d);border-radius:999px;box-shadow:inset 0 1px 1px #0000000d,inset 0 -1px 1px #fff6,0 2px 2px -2px #00000026,inset 0 0 2px 2px #ffffff26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.glass-live-pill:after{content:"";position:absolute;z-index:1;border-radius:999px;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;padding:1px;box-sizing:border-box;background:linear-gradient(180deg,#fff6,#fff3);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}