.center-container {
    text-align: center;
    margin: 20px 0;
}

#toggle-purchase-btn {
    background-color: rgb(255, 0, 0); 
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s; 
}

#toggle-purchase-btn:hover {
    background-color: rgb(200, 0, 0); 
}

/* 3. Στυλ για το Κουμπί Πληρωμής (Πράσινο) */
#validate-btn {
    background-color: #5cb85c; /* Πράσινο */
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 15px;
    border: no
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#validate-btn:hover {
    background-color: #4cae4c; /* Πιο σκούρο πράσινο στο hover */
}

/* 4. Στυλ για το Κοντέινερ Πληρωμής */
#purchase-container {
    background-color: white;
    font-weight: normal;
    color: black;
    border: 2px red solid;
    font-size: 12px;
    padding: 10px;
    display: none; /* Αρχικά κρυφό */
}