.auth-buttons {
    display: flex;
}

    .auth-buttons button {
        background-color: transparent;
        color: white;
        border: 2px solid white;
        padding: 10px 20px;
        margin-left: 10px;
        border-radius: 25px; /* Rounded buttons */
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
        font-weight: 600;
    }

        .auth-buttons button:hover {
            background-color: rgba(255, 255, 255, 0.2); /* Slight hover effect */
        }

    .auth-buttons a {
        background-color: transparent;
        color: white;
        border: 2px solid white;
        padding: 10px 20px;
        margin-left: 10px;
        border-radius: 25px; /* Rounded buttons */
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
        font-weight: 600;
        text-decoration: none;
    }

        .auth-buttons a:hover {
            background-color: rgba(255, 255, 255, 0.2); /* Slight hover effect */
        }

    .auth-buttons form {
        margin: 0;
        padding: 0;
        border: none;
    }

        .auth-buttons form button {
            background-color: transparent;
            color: white;
            border: 2px solid white;
            padding: 10px 20px;
            margin-left: 10px;
            border-radius: 25px; /* Rounded buttons */
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            font-weight: 600;
        }

            .auth-buttons form button:hover {
                background-color: rgba(255, 255, 255, 0.2); /* Slight hover effect */
            }