button.mbtn
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #fff;
    background: linear-gradient(90deg, #2b52ff, #9041ff3f);
    border: none;
    border-radius: 12px;
    padding: 15px 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif;
    animation: pulseGlow 2s infinite;
    width: 20em;
}

button.mbtn:hover
{
    transform: translateX(-50%) scale(1.1);
    background: linear-gradient(90deg, #2b52ff, #b987ff3f);
    box-shadow: 0 0 25px rgba(103, 43, 255, 0.5),
                0 0 50px rgba(103, 43, 255, 0.5);
}

button.sbtn
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #fff;
    background: linear-gradient(90deg, #ff4b2b, #ff416c);
    border: none;
    border-radius: 12px;
    padding: 15px 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif;
    animation: pulseGlow 2s infinite;
}

button.sbtn:hover
{
    transform: translateX(-50%) scale(1.1);
    background: linear-gradient(90deg, #ff6a3d, #ff5c8a);
    box-shadow: 0 0 25px rgba(255, 75, 43, 0.8),
                0 0 50px rgba(255, 65, 108, 0.6);
}

canvas {
    display: block;
}

button.ubtn
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #fff;
    background: linear-gradient(135deg, #585555, #00000000);
    border: none;
    border-radius: 12px;
    padding: 15px 40px;
    transition: all 0.3s ease;
    font-family: "Orbitron", sans-serif;
    width: 20em;
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 10px rgba(103, 43, 255, 0.5),
                    0 0 20px rgba(103, 43, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(103, 43, 255, 0.5),
                    0 0 40px rgba(103, 43, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 10px rgba(103, 43, 255, 0.5),
                    0 0 20px rgba(103, 43, 255, 0.5);
    }
}