.roulette-container{position:relative;width:100%;max-width:400px;height:100%;aspect-ratio:1;margin:0 auto}.btn-ruleta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#123482;background:linear-gradient(90deg,#123482,#6382c9);font-size:18px;font-weight:500;color:#fff;z-index:2;background-image:linear-gradient(90deg,#f50,#f78400 49%,#eeb500);-webkit-mask-image:var(--m-i),var(--m-i);mask-image:var(--m-i),var(--m-i);-webkit-mask-origin:var(--m-o);mask-origin:var(--m-o);-webkit-mask-clip:var(--m-o);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:hue-rotate(2);animation:rotate-hue 1.5s linear infinite;animation-play-state:running}