/* Button Visual Styling (purple) */
.purple-btn {
    display: inline-block;
    background: #6441a5;
    color: #fff;
    padding: 0.6em 1.2em;
    text-decoration: none;
    font-size: 1.2rem;
    border: none;
    border-radius: 0.5em;
    cursor: pointer;
    transition: background 0.3s;
    margin: 0.5em 0;
}

.purple-btn:hover {
    background: #7d5bbe;
}

/* Fixed Bottom Positioning (for Play button) */
.fixed-bottom-btn {
    position: fixed;
    bottom: 8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    pointer-events: auto;
}

/* Bottom mid Positioning (for Twitch button) */
.bottom-mid-btn {
    position: fixed;
    bottom: 3em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .purple-btn {
        font-size: 1rem;
    }

    .fixed-bottom-btn {
        bottom: 5rem;
    }
}