.terms-container {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centrar horizontalmente */
        justify-content: center; /* Centrar verticalmente */
        margin: 20px;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: #f9f9f9;
        max-width: 600px;
        margin: 0 auto; /* Centrar el contenedor en la página */
    }

    .terms-container h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .terms-container p {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
    }

    .terms-container form {
        display: flex;
        gap: 10px; /* Espaciado entre botones */
    }

    .terms-container button {
        padding: 10px 20px;
        font-size: 14px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .terms-container button[name="decision"][value="accept"] {
        background-color: #4CAF50;
        color: white;
    }

    .terms-container button[name="decision"][value="reject"] {
        background-color: #f44336;
        color: white;
    }

    .terms-container button:hover {
        opacity: 0.9;
    }