#nom {
    text-align: center; /* Center the name */
    flex-grow: 1; /* Allow the name to take available space */
}

#buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
    margin-right: 1em;
}

#buttons button {
    background: linear-gradient(135deg, #ffa31a, #ff8c00);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

#buttons button:hover {
    background: linear-gradient(135deg, #ff8c00, #ffa31a);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

#buttons button:active {
    transform: translateY(0);
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}