.hexagon{width:80px;height:80px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:box-shadow .5s ease-in-out}.hexagon:hover{transform:scale(1.2);box-shadow:0 0 20px rgba(255,223,0,.8)}.hexagon-center{width:80px;height:80px}.hexagon-glow{box-shadow:0 0 15px 5px rgba(255,223,0,.8),0 0 30px 10px rgba(255,223,0,.6);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 15px 5px rgba(255,223,0,.8)}50%{box-shadow:0 0 30px 10px rgba(255,223,0,.6)}to{box-shadow:0 0 15px 5px rgba(255,223,0,.8)}}.wheel{width:300px;height:300px;border-radius:50%;border:5px solid #333;position:relative;overflow:hidden;transform:rotate(0deg);transition:transform 3s ease-out}.wheel.spinning{transform:rotate(4turn)}.wheel-section{position:absolute;width:50%;height:50%;background:linear-gradient(45deg,#f3a683,#3dc1d3);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:100% 100%}.wheel-section:first-child{transform:rotate(0deg)}.wheel-section:nth-child(2){transform:rotate(45deg)}.wheel-section:nth-child(3){transform:rotate(90deg)}.wheel-section:nth-child(4){transform:rotate(135deg)}.wheel-section:nth-child(5){transform:rotate(180deg)}.wheel-section:nth-child(6){transform:rotate(225deg)}.wheel-section:nth-child(7){transform:rotate(270deg)}.wheel-section:nth-child(8){transform:rotate(315deg)}.spin-button{cursor:pointer;z-index:10}button{outline:none;border:none;cursor:pointer}