@property --gradient-percent-left{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --gradient-percent-right{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --gradient-color{syntax: "<color>"; inherits: false; initial-value: #66d3b5;}body{--sparkly-button-color-one: #ffadad;--sparkly-button-color-two: #ffd6a5;--sparkly-button-color-three: #fdffb6;--sparkly-button-color-four: #caffbf;--sparkly-button-color-five: #9bf6ff;--sparkly-button-color-six: #a0c4ff;--sparkly-button-color-seven: #bdb2ff;--sparkly-button-color-eight: #ffc6ff;--gradient-percent-left: 0%;--gradient-percent-right: 0%;--gradient-color: #66d3b5}.sparkly-button{background:linear-gradient(90deg,var(--gradient-color) var(--gradient-percent-left),rgba(255,255,255,0) var(--gradient-percent-right)),linear-gradient(to right,#efcacf 100%,#fff0);animation-iteration-count:1;animation-duration:1.5s;animation-timing-function:ease-in-out;--border-opacity: none;min-height:49px}.shape{font-size:30px;position:fixed;opacity:0;animation-iteration-count:1;animation-timing-function:ease-out;z-index:100}.circle{border-radius:50%;width:3px;height:3px;position:fixed;z-index:100}@keyframes gradient{0%{--gradient-percent-left: 0%;--gradient-percent-right: 0%}25%{--gradient-percent-left: 0%;--gradient-percent-right: 100%}50%{--gradient-percent-left: 100%;--gradient-percent-right: 100%;--gradient-color: #a994c3}75%{--gradient-percent-left: 100%;--gradient-percent-right: 100%;--gradient-color: #cb5999}to{--gradient-percent-left: 100%;--gradient-percent-right: 100%;--gradient-color: #efcacf}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sparkly-button.css.map */