body {
  font-family: Arial, sans-serif;
  text-align: center;
  background: #f8f9fa;
}

.wheel-container {
  position: relative;
  display: inline-block;
}

#wheel {
  border: 5px solid #333;
  border-radius: 50%;
  transition: transform 4s ease-out;
}

#spin {
  margin-top: 20px;
  padding: 12px 25px;
  font-size: 18px;
  cursor: pointer;
  background: #ff4757;
  color: #fff;
  border: none;
  border-radius: 8px;
}

.arrow {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  color: red;
}