/* Container to push buttons to the right */
.custom-button-container {
    text-align: right; /* Aligns the buttons to the right side */
    padding: 10px;
}

/* Base button styling */
.btn-custom {
    display: inline-block;
    background-color: #556B2F; /* Dark Olive Green */
    color: #ffffff !important;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 5px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 160px;
    
    /* This replaces the gap property */
    margin-bottom: 10px; 
    clear: both; /* Ensures they stay stacked vertically */
}

/* Remove margin from the very last button so there's no extra space at the bottom */
.btn-custom:last-child {
    margin-bottom: 0;
}

/* Hover effect */
.btn-custom:hover {
    background-color: #6b8e23;
    color: #ffffff;
}