@property --shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.shine-border{border-radius:20px;padding:4px;display:inline-flex;position:relative}.shine-border__glow{border-radius:inherit;background:conic-gradient(from var(--shine-angle), #8a7f70 0%, #f7f4ef 40%, #f7f4ef 60%, #8a7f70 100%);-webkit-mask-composite:xor;pointer-events:none;padding:4px;animation:4s linear infinite shine-border-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shine-border-rotate{to{--shine-angle:360deg}}