@property --pos-x{syntax: "<percentage>"; initial-value: 11.14%; inherits: false;}@property --pos-y{syntax: "<percentage>"; initial-value: 140%; inherits: false;}@property --spread-x{syntax: "<percentage>"; initial-value: 150%; inherits: false;}@property --spread-y{syntax: "<percentage>"; initial-value: 180.06%; inherits: false;}@property --color-1{syntax: "<color>"; initial-value: #081212; inherits: false;}@property --color-2{syntax: "<color>"; initial-value: #0b2619; inherits: false;}@property --color-3{syntax: "<color>"; initial-value: #174c32; inherits: false;}@property --color-4{syntax: "<color>"; initial-value: #1d603f; inherits: false;}@property --color-5{syntax: "<color>"; initial-value: #2b806d; inherits: false;}@property --border-angle{syntax: "<angle>"; initial-value: 20deg; inherits: true;}@property --border-color-1{syntax: "<color>"; initial-value: rgb(54 221 137 / .3); inherits: true;}@property --border-color-2{syntax: "<color>"; initial-value: rgb(104 248 120 / .6); inherits: true;}@property --stop-1{syntax: "<percentage>"; initial-value: 37.35%; inherits: false;}@property --stop-2{syntax: "<percentage>"; initial-value: 61.36%; inherits: false;}@property --stop-3{syntax: "<percentage>"; initial-value: 78.42%; inherits: false;}@property --stop-4{syntax: "<percentage>"; initial-value: 89.52%; inherits: false;}@property --stop-5{syntax: "<percentage>"; initial-value: 100%; inherits: false;}.gradient-btn{animation:subtle-glow 6s ease-in-out infinite alternate,rotating-border 2s ease-in-out infinite;border-radius:999px;padding:16px 36px;line-height:19px;font:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:inherit;font-weight:500;color:#fffffff2;border:none;position:relative;cursor:pointer;-webkit-appearance:none;appearance:none;background:radial-gradient(var(--spread-x) var(--spread-y) at var(--pos-x) var(--pos-y),var(--color-1) var(--stop-1),var(--color-2) var(--stop-2),var(--color-3) var(--stop-3),var(--color-4) var(--stop-4),var(--color-5) var(--stop-5));outline:none;-webkit-tap-highlight-color:#fff0;transition:--pos-x .5s,--pos-y .5s,--spread-x .5s,--spread-y .5s,--color-1 .5s,--color-2 .5s,--color-3 .5s,--color-4 .5s,--color-5 .5s,--border-angle .5s,--border-color-1 .5s,--border-color-2 .5s,--stop-1 .5s,--stop-2 .5s,--stop-3 .5s,--stop-4 .5s,--stop-5 .5s}.gradient-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;background-image:linear-gradient(var(--border-angle),var(--border-color-1),var(--border-color-2));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-btn:hover{--pos-x: 0%;--pos-y: 91.51%;--spread-x: 120.24%;--spread-y: 103.18%;--color-1: #36dd89;--color-2: #72e7ac;--color-3: #68f878;--color-4: #1d603f;--color-5: #081212;--border-angle: 190deg;--border-color-1: rgba(104, 248, 120, .8);--border-color-2: rgba(54, 221, 137, .4);--stop-1: 0%;--stop-2: 8.8%;--stop-3: 21.44%;--stop-4: 71.34%;--stop-5: 85.76%}@keyframes subtle-glow{0%{--border-color-1: rgba(54, 221, 138, .132);--border-color-2: rgba(104, 248, 121, 0)}to{--border-color-1: rgba(104, 248, 121, .487);--border-color-2: rgba(104, 248, 121, .117)}}@keyframes rotating-border{0%{--border-angle: 0deg}to{--border-angle: 360deg}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button.css.map */