.level-button {
    padding: 5px 15px;
    width: 100px;
    border: none;
    border-radius: 20px;
    font-size: 0.7em;
    font-weight: bold;
  cursor: default;
    /* cursor: pointer; */
    /* transition: all 0.3s ease; */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    /* letter-spacing: 1px; */
}
  
.level-initiation {
    background: linear-gradient(45deg, #FFFFFF, #F5F5F5);
    color: #333333;
}

.level-easy {
    background: linear-gradient(45deg, #4CAF50, #66BB6A);
    color: white;
}

.level-medium {
    background: linear-gradient(45deg, #FFEB3B, #FFC107);
    color: #333333;
}

.level-hard {
    background: linear-gradient(45deg, #FF9800, #FF5722);
    color: white;
}

.level-expert {
    background: linear-gradient(45deg, #F44336, #D32F2F);
    color: white;
}