@property --cta-hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-rotate{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-bg-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-bg-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-glow-ty{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-bg-size{syntax: "<number>"; inherits: true; initial-value: 1;}@property --cta-glow-opacity{syntax: "<number>"; inherits: true; initial-value: 0;}@property --cta-glow-blur{syntax: "<number>"; inherits: true; initial-value: 6;}@property --cta-glow-scale{syntax: "<number>"; inherits: true; initial-value: 1.5;}@property --cta-glow-radius{syntax: "<number>"; inherits: true; initial-value: 100;}@property --cta-white-shadow{syntax: "<number>"; inherits: true; initial-value: 0;}.cta-button{--cta-color: #0c0b14;--cta-text: hsl(260deg 10% 70%);--cta-radius: 8px;--cta-border-width: 2px;--cta-hue-speed: 1;--cta-animation-speed: 4s;--cta-interaction-speed: .55s;--cta-glow-scale: 1.5;--cta-scale-factor: 1;--cta-glow-blur: 6;--cta-glow-opacity: 1;--cta-glow-radius: 100;--cta-glow-rotate-unit: 1deg;display:inline-block;position:relative;z-index:2;border-radius:var(--cta-radius);cursor:pointer;text-decoration:none;color:#fff}.cta-button:before,.cta-button:after{content:"";display:block;position:absolute;inset:0;border-radius:var(--cta-radius)}.cta-button:hover .cta-inner,.cta-button:focus .cta-inner{mix-blend-mode:darken;--cta-text: white;box-shadow:0 0 calc(var(--cta-white-shadow) * 1vw) calc(var(--cta-white-shadow) * .15vw) #fff3;animation:cta-shadow-pulse calc(var(--cta-animation-speed) * 2) linear infinite}.cta-button:hover .cta-inner:before,.cta-button:focus .cta-inner:before{--cta-bg-size: 15;animation-play-state:paused;transition:--cta-bg-size var(--cta-interaction-speed) ease}.cta-button:hover .cta-glow,.cta-button:focus .cta-glow{--cta-glow-blur: 1.5;--cta-glow-opacity: .6;--cta-glow-scale: 2.5;--cta-glow-radius: 0;--cta-rotate: 900;--cta-glow-rotate-unit: 0;--cta-scale-factor: 1.25;animation-play-state:paused}.cta-button:hover .cta-glow:after,.cta-button:focus .cta-glow:after{--cta-glow-ty: 0;animation-play-state:paused;transition:--cta-glow-ty 0s ease,--cta-glow-blur .05s ease,--cta-glow-opacity .05s ease,--cta-glow-scale .05s ease,--cta-glow-radius .05s ease}.cta-inner{position:relative;display:inline-block;background:var(--cta-color);border-radius:calc(var(--cta-radius) * .9);padding:.6rem 1.5rem;font-family:var(--font-primary);font-weight:600;font-size:1rem;color:var(--cta-text);white-space:nowrap;transition:color .2s ease}.cta-inner:before{content:"";display:block;position:absolute;inset:calc(-1 * var(--cta-border-width));border-radius:calc(var(--cta-radius) * .9);box-shadow:0 0 20px #000;mix-blend-mode:color-burn;z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--cta-bg-x) * 1%) calc(var(--cta-bg-y) * 1%),hsl(calc(var(--cta-hue) * var(--cta-hue-speed) * 1deg) 100% 90%) calc(0% * var(--cta-bg-size)),hsl(calc(var(--cta-hue) * var(--cta-hue-speed) * 1deg) 100% 80%) calc(20% * var(--cta-bg-size)),hsl(calc(var(--cta-hue) * var(--cta-hue-speed) * 1deg) 100% 60%) calc(40% * var(--cta-bg-size)),transparent 100%);animation:cta-hue-animation var(--cta-animation-speed) linear infinite,cta-rotate-bg var(--cta-animation-speed) linear infinite;transition:--cta-bg-size var(--cta-interaction-speed) ease}.cta-glow{display:block;position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:calc(50% - 10px);transform:rotate(calc(var(--cta-rotate) * var(--cta-glow-rotate-unit)));transform-origin:center;border-radius:calc(var(--cta-glow-radius) * 10vw);animation:cta-rotate var(--cta-animation-speed) linear infinite;pointer-events:none}.cta-glow:after{content:"";display:block;position:relative;z-index:-2;width:130%;height:130%;left:-15%;top:-15%;border-radius:calc(var(--cta-glow-radius) * 10vw);background:hsl(calc(var(--cta-hue) * var(--cta-hue-speed) * 1deg) 100% 60%);filter:blur(calc(var(--cta-glow-blur) * 10px));animation:cta-hue-animation var(--cta-animation-speed) linear infinite;transform:scaleY(calc(var(--cta-glow-scale) * var(--cta-scale-factor) / 1.1)) scaleX(calc(var(--cta-glow-scale) * var(--cta-scale-factor) * 1.2)) translateY(calc(var(--cta-glow-ty) * 1%));opacity:var(--cta-glow-opacity)}@media(max-width:900px)and (min-width:600px){.cta-button{width:100%;display:block;text-align:center}.cta-inner{width:100%;display:block;text-align:center;padding:.45rem 1.1rem;font-size:.8rem}}@media(max-width:599px){.cta-button{width:100%;display:block;text-align:center}.cta-inner{padding:.5rem 1rem;font-size:.8rem;width:100%;display:block;text-align:center}}@media(prefers-reduced-motion:reduce){.cta-inner:before,.cta-glow,.cta-glow:after{animation:none}}@keyframes cta-shadow-pulse{0%,24%,46%,73%,96%{--cta-white-shadow: .5}12%,28%,41%,63%,75%,82%,98%{--cta-white-shadow: 2.5}6%,32%,57%{--cta-white-shadow: 1.3}18%,52%,88%{--cta-white-shadow: 3.5}}@keyframes cta-rotate-bg{0%{--cta-bg-x: 0;--cta-bg-y: 0}25%{--cta-bg-x: 100;--cta-bg-y: 0}50%{--cta-bg-x: 100;--cta-bg-y: 100}75%{--cta-bg-x: 0;--cta-bg-y: 100}to{--cta-bg-x: 0;--cta-bg-y: 0}}@keyframes cta-rotate{0%{--cta-rotate: -70;--cta-glow-ty: -65}25%{--cta-glow-ty: -65}50%{--cta-glow-ty: -65}60%,75%{--cta-glow-ty: -65}85%{--cta-glow-ty: -65}to{--cta-rotate: 290;--cta-glow-ty: -65}}@keyframes cta-hue-animation{0%{--cta-hue: 0}to{--cta-hue: 360}}
