@property --novvu-cta-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.novvu-heart__button{--novvu-cta-base: var(--heart-button-bg, #242424)}.novvu-angel__button{--novvu-cta-base: var(--angel-button-bg, #242424)}#MainContent:has([data-novvu-cta-effects=true]) :is(.novvu-heart__button,.novvu-angel__button){position:relative;isolation:isolate;overflow:visible;border:1px solid color-mix(in srgb,var(--novvu-cta-base) 65%,#fff);border-bottom:4px solid color-mix(in srgb,var(--novvu-cta-base) 55%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--novvu-cta-base) 76%,#fff),var(--novvu-cta-base) 58%,color-mix(in srgb,var(--novvu-cta-base) 92%,#000));transform:translateY(-1px);transition:transform .18s ease,filter .18s ease}#MainContent:has([data-novvu-cta-effects=true]) :is(.novvu-heart__button,.novvu-angel__button):hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}#MainContent:has([data-novvu-cta-effects=true]) :is(.novvu-heart__button,.novvu-angel__button):active:not(:disabled){transform:translateY(2px)}#MainContent:has([data-novvu-cta-effects=true][data-novvu-cta-shine=true]) :is(.novvu-heart__button,.novvu-angel__button):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--novvu-cta-angle),transparent 0% 64%,rgb(255 255 255 / .08) 73%,rgb(255 255 255 / .45) 82%,#fff 88%,transparent 93% 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:novvu-cta-border-shine var(--novvu-cta-duration, 6s) linear infinite}#MainContent:has([data-novvu-cta-effects=true][data-novvu-cta-shine=true]) :is(.novvu-heart__button,.novvu-angel__button):is(:disabled,[aria-busy=true]):before{display:none}@keyframes novvu-cta-border-shine{to{--novvu-cta-angle: 360deg}}@media(prefers-reduced-motion:reduce){#MainContent:has([data-novvu-cta-effects=true]) :is(.novvu-heart__button,.novvu-angel__button){transition:none;transform:none!important}#MainContent:has([data-novvu-cta-effects=true][data-novvu-cta-shine=true]) :is(.novvu-heart__button,.novvu-angel__button):before{animation:none;opacity:.25}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/novvu-cta-effects.css.map */