/* Ensure the container is full screen */
.pynex-vs-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Ensure the container has height */
    overflow: hidden;
    background: #000;
}

.pynex-vs-canvas {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #000; /* So we can see if canvas exists */
}

/* Overlay content sits on top */
.pynex-vs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    pointer-events: none; /* Allows scrolling through text */
}


./* Container layout to ensure correct alignment alignment */
.pynex-vs-container .pynex-vs-button-wrapper {
    display: flex;
    width: 100%;
    /* Honors layout distribution without stretching the inner child */
    align-items: center; 
}

/* CRITICAL FIX: Lock the button to its actual content width */
.pynex-vs-container .pynex-vs-button {
    display: inline-block !important;
    width: max-content !important;  /* Forces the white box to match text length */
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}