/* Base container */
.fly-buttons-container { 
    display: flex; 
    flex-direction: column; /* Stack buttons vertically */
    width: 100%;
    max-width: 400px; /* Set a max-width for the container */
    margin-left: auto;
    margin-right: auto;
}

/* Base button style for both frontend and admin preview */
.fly-buttons-container .fly-button, 
.button-preview-item { 
    display: block; /* Ensures button takes up full width */
    text-decoration: none; 
    font-weight: 600;
    cursor: pointer; 
    text-align: center; 
    transition: all 0.2s ease-in-out, transform 0.2s ease-in-out; 
    box-sizing: border-box;
    line-height: 1.5;
    margin-left: auto; /* Center the button if width is < 100% */
    margin-right: auto; /* Center the button if width is < 100% */
}

/* Add spacing between buttons */
.fly-buttons-container .fly-button:not(:last-child),
.button-preview-item:not(:last-child) {
    margin-bottom: 15px;
}

.fly-buttons-container .fly-button:hover, 
.button-preview-item:hover {
    transform: scale(1.02);
}