.button-container {
    /* Use Flexbox to align items horizontally */
    display: flex;
    
    /* Add some gap between the buttons */
    gap: 10px; 
    
    /* Optional: Center the buttons within the main wrapper */
    justify-content: center;
    
    /* Add a little space above the container, above the video preview */
    margin-bottom: 15px; 
}

/* CSS to hide the second button by default */
.button-container .hidden {
    display: none;
}

.frameCounterDiv .hidden{
    display: none;
}