@property --button-gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.button_gradient__DpuU_{position:relative;&:before{content:"";border-radius:.375rem;position:absolute;inset:0;background:conic-gradient(from var(--button-gradient-angle),#b2ccff,#ff425b,#ffb4be,#b2ccff,#8cfabc,#b2ccff) border-box;border:2px solid transparent;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:--button-gradient-angle .5s ease}@media (min-width:640px){&:hover:before{--button-gradient-angle:520deg}}}@property --angle{syntax:"<angle>";inherits:true;initial-value:7deg}@property --scaleX{syntax:"<number>";inherits:false;initial-value:1}@property --scaleY{syntax:"<number>";inherits:false;initial-value:1}@property --crop{syntax:"<percentage>";inherits:false;initial-value:-.00001%}@property --scaleChild{syntax:"<number>";inherits:true;initial-value:1}@property --translateChildY{syntax:"<percentage>";inherits:true;initial-value:-.00001%}.polygon_polygon__FRvp1>*{scale:var(--scaleChild);translate:0 var(--translateChildY)}.polygon_crop__x7GZD{--aspect:1.2;--negativeMargin:-1.5rem;position:relative;display:flex;clip-path:inset(var(--crop) -100%);height:calc(100% - 2 * var(--negativeMargin));margin-top:var(--negativeMargin);margin-bottom:var(--negativeMargin)}.polygon_polygon__FRvp1{--topLeftX:calc(50% + (-50% * cos(var(--angle)) * var(--scaleX)) + ((50% * sin(var(--angle)) * var(--scaleY)) / var(--aspect)));--topLeftY:calc(50% + (-50% * var(--aspect) * sin(var(--angle)) * var(--scaleX)) - (50% * cos(var(--angle)) * var(--scaleY)));--topRightX:calc(50% + (50% * cos(var(--angle)) * var(--scaleX)) + ((50% * sin(var(--angle)) * var(--scaleY)) / var(--aspect)));--topRightY:calc(50% + (50% * var(--aspect) * sin(var(--angle)) * var(--scaleX)) - (50% * cos(var(--angle)) * var(--scaleY)));--bottomRightX:calc(50% + (50% * cos(var(--angle)) * var(--scaleX)) - ((50% * sin(var(--angle)) * var(--scaleY)) / var(--aspect)));--bottomRightY:calc(50% + (50% * var(--aspect) * sin(var(--angle)) * var(--scaleX)) + (50% * cos(var(--angle)) * var(--scaleY)));--bottomLeftX:calc(50% + (-50% * cos(var(--angle)) * var(--scaleX)) - ((50% * sin(var(--angle)) * var(--scaleY)) / var(--aspect)));--bottomLeftY:calc(50% + (-50% * var(--aspect) * sin(var(--angle)) * var(--scaleX)) + (50% * cos(var(--angle)) * var(--scaleY)));flex:none;min-width:100%;aspect-ratio:var(--aspect) /1;clip-path:polygon(var(--topLeftX) var(--topLeftY),var(--topRightX) var(--topRightY),var(--bottomRightX) var(--bottomRightY),var(--bottomLeftX) var(--bottomLeftY))}