/*! Place your custom styles here */


/* Stack buttons vertically on screens smaller than 768px (Mobile) */
@media screen and (max-width: 768px) {
    .btn-group {
        display: flex;              /* Ensures the container manages items fluidly */
        flex-direction: column;     /* Stacks elements vertically */
        gap: 15px;                  /* Adds spacing between buttons */
        width: 100%;                /* Forces buttons to fill the mobile container width */
    }
    
    .btn-group .btn {
        width: 100%;                /* Makes each button stretch full-width on mobile */
    }
}