.button-container {
    text-align: center;
}
.button {
    text-decoration: none;
    color: white;
    padding: 15px 30px;
    margin: 10px;
    display: inline-block;
    border-radius: 5px;
    transition:
        background-color 0.3s ease,
        transform 0.3s ease,
        color 0.3s ease; /* Add transition for color change */
    font-size: 16px;
}
.button-secondary {
    background-color: #6c757d;
}
.button-secondary:hover {
    background-color: #565e64;
    color: black; /* Change text color to black on hover */
    transform: translateY(-2px);
}